Oleg
Надо было сначала задать типичный вопрос про "Кто-то юзает %фичанейм%?"
I am
swift.js? ))
Anonymous
Говорят тут в вебпаках очень хорошо разбираются? Есть ошибка
Uncaught SyntaxError: Unexpected token import
Есть
.babelrc
{
"presets": ["es2015", "stage-0", "react"],
"plugins": ["transform-runtime"],
"comments": false
}
webpack.config.js
module.exports = {
entry: __dirname + "/app/scripts/index.js",
output: {
path: __dirname + "/dist",
filename: "bundle.js"
},
devServer: {
inline: true,
port: 9000
},
module: {
loaders: [
{
test: /\.(js|jsx)$/,
include: __dirname + "/app/scripts",
loader: "babel-loader"
}
]
}
}
package.json:
"dependencies": {
"react": "^15.4.1",
"react-dom": "^15.4.1"
},
"devDependencies": {
"babel-core": "^6.20.0",
"babel-loader": "^6.2.9",
"babel-plugin-transform-runtime": "latest",
"babel-preset-es2015": "^6.18.0",
"babel-preset-react": "^6.16.0",
"babel-preset-stage-0": "^6.16.0"
}
Вроде всё правильно. Но почему это всё сваливается в ошибку что выше?
I am
babelrc:
{
...
"plugins": ["transform-runtime", "add-module-exports"],
...
}
Anonymous
Anonymous
Тоже самое.
I am
loader: "babel-loader" --> loader: "babel?JSON.stringify(babelLoaderQuery)"
Дима
Откуда import в транспилированных файлах
Дима
Возможно запускаешь не то)
I am
loader: 'babel?{"plugins": ["transform-runtime"]}'
Serhii
Вот же кто то из дедов постарался и наплодил мельников
Eugene
деды накодили
I am
ох накодили...
I am
а главное - работает
Serhii
Не пересчитать в while true
Eugene
а вы не думали что через 50 лет будут сидеть ваши дети и разбирать ваш гавнокод?
igo
это очень вряд ли
Eugene
ну 50 лет это слишком
Eugene
20
I am
будем писать книги "основы истории кода"
Serhii
а вы не думали что через 50 лет будут сидеть ваши дети и разбирать ваш гавнокод?
Я своим инстансам сразу куплю Лего чтобы писали свой
S
S
так что можешь использовать везде () => {} :)
Vlad
окай
Dreamerinnoise
webpack-dev-server
$ webpack-dev-server <entry>
согласно доке оно так запускается
Dreamerinnoise
что у тебя entry?
Anonymous
$ webpack-dev-server <entry>
согласно доке оно так запускается
Entry у меня в конфиге.
Anonymous
__dirname + "/app/scripts"
Dreamerinnoise
он по дефолту должен быть aware
Dreamerinnoise
через query пробовала?
Dreamerinnoise
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader',
query: {
presets: ['es2015']
}
}
Vlad
Я пока его сам не настраивал, но на работе чз query как советует @dreamerinnoise
Dreamerinnoise
babelrc: Default true. When false, will ignore .babelrc files (except those referenced by the extends option).
Dreamerinnoise
так что он должен цеплять его
Vlad
Чтобы можно было подебажитб
Dreamerinnoise
Вот так в ридми
Dreamerinnoise
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader',
query: {
presets: ['es2015']
}
}
Anonymous
Вот так в ридми
Разница от одного из моих нерабочих конфигов только в exclude вместо include
Anonymous
И реакте со стейдж 0
А ВОТ ТЕПЕРЬ ПАБЛИК
Anonymous
Ребят привет !
Oleg
> Contribute to trash development
> trash development
Дима
Честность — это хорошо
Dreamerinnoise
https://github.com/wop-wops/trash
module.exports = {
entry: __dirname + "/app/scripts/index.js",
output: {
path: __dirname+ "/dist",
filename: "bundle.js",
publicPath: 'http://localhost:9000/dist/'
},
devServer: {
inline: true,
port: 9000
},
module: {
loaders: [
{
test: /\.js(x?)$/,
// include: __dirname + "/app/scripts",
exclude: /(node_modules|bower_components)/,
loader: "babel-loader"
}
]
}
}
Dreamerinnoise
https://github.com/wop-wops/trash
<script src="/dist/bundle.js"></script>
Dreamerinnoise
include: __dirname + "/app/scripts",
Dreamerinnoise
это не нравится вебпаку, почему я уже сейчас не соображу
Dreamerinnoise
@wop_wops ты там на рельсах вроде, http://kevinold.com/2015/02/04/configure-webpack-dev-server-and-react-hot-loader-with-ruby-on-rails.html
Anonymous
Круто
Anonymous
@wop_wops ты там на рельсах вроде, http://kevinold.com/2015/02/04/configure-webpack-dev-server-and-react-hot-loader-with-ruby-on-rails.html
Ну, пока на рельсах вебпак и реакт не планируем делать. Это я готовлюсь к будущему xD но спасибо за ссылку
Anonymous
А ты уверена, что зависимости действительно установлены?
Anonymous
Сделай npm i на всяк пожарный.
Sergey
Anonymous
О, тут прям компания собирается потихоньку)
Anonymous
За эту хрень отвечает babel-plugin-transform-es2015-modules-commonjs, который входит в babel-preset-es2015.
Oleg
О, тут прям компания собирается потихоньку)
Нужен ещё менеджер и продажник и можно запускать свой стартап
Dreamerinnoise
https://twitter.com/andrestaltz/status/807347058977992705
Одни повёртнутые личности.
Vlad
https://twitter.com/andrestaltz/status/807347058977992705
Одни повёртнутые личности.
ну фб действительно стрёмные как продукт
Vlad
если идти к ним то только в опенсорс депт
Anonymous
они это всем рассылают
Ms
Здравствуйте
Ms
Есть у кого линукс и две видео карты, нвидиа и интел?