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
Тоже самое.
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
что скажите?
если ты используешь babel, он не делает бинда, если внутри функции не используется this
S
так что можешь использовать везде () => {} :)
Anonymous
Vlad
webpack-dev-server
я уверен в терминале ты пишешь не это
Vlad
окай
Vlad
Именно это.
is babel-loader aware of your .babelrc?
Sergey
Именно это.
аватарка добила
Dreamerinnoise
webpack-dev-server
$ webpack-dev-server <entry> согласно доке оно так запускается
Dreamerinnoise
что у тебя entry?
Anonymous
__dirname + "/app/scripts"
Dreamerinnoise
Anonymous
publicPath какой?
Никакого. Но и без него должно работать.
Anonymous
Dreamerinnoise
он по дефолту должен быть aware
Vlad
Как узнать?
Прочитать ридми лоадера
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
так что он должен цеплять его
Anonymous
Прочитать ридми лоадера
Сделано как в ридми.
Vlad
Как узнать?
Выложи проект на гитхабе
Dreamerinnoise
Сделано как в ридми.
в ридми по-другому
Vlad
Чтобы можно было подебажитб
Dreamerinnoise
Вот так в ридми
Dreamerinnoise
{ test: /\.js$/, exclude: /(node_modules|bower_components)/, loader: 'babel-loader', query: { presets: ['es2015'] } }
Anonymous
Вот так в ридми
Разница от одного из моих нерабочих конфигов только в exclude вместо include
Anonymous
И реакте со стейдж 0
Anonymous
Показывай конфиг сервера
В том же сообщении.
А ВОТ ТЕПЕРЬ ПАБЛИК
Anonymous
Ребят привет !
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
https://github.com/wop-wops/trash
А где там рельсы?
Dreamerinnoise
А где там рельсы?
Там — нигде, Алёна на рельсах сидит.
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 на всяк пожарный.
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
Есть у кого линукс и две видео карты, нвидиа и интел?