@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 12 января 2018 г.

05:12:17 ДП
06:53:36 ДП
User 436581887
У меня UglifyJS запускается раньше чем Babel скомпилит ES6 в то что понятно UglifyJS, Uglify это не нравится и он ругается на unexpected token. Что можно сделать?

Babel-loader соотв. в лоадерах, а UglifyJS в плагинах.
06:54:34 ДП
06:57:50 ДП
User 212795634
User 436581887
У меня UglifyJS запускается раньше чем Babel скомпилит ES6 в то что понятно UglifyJS, Uglify это не нравится и он ругается на unexpected token. Что можно сделать?

Babel-loader соотв. в лоадерах, а UglifyJS в плагинах.
Вроде и не решаемо никак
06:57:54 ДП
User 212795634
Зафигачь браузерлист
06:58:23 ДП
User 212795634
Он ругается потому что где-то ес6 остался после бабела
06:59:21 ДП
User 212795634
['last 2 versions', 'safari >= 7']
07:02:50 ДП
User 436581887
User 212795634
['last 2 versions', 'safari >= 7']
у меня в babelrc стоял preset es2015-ie, пробовал ["> 1%", "last 2 versions", "not ie <= 8"], ['last 2 versions', 'safari >= 7']
один хрен ругается
07:04:09 ДП
User 212795634
User 436581887
у меня в babelrc стоял preset es2015-ie, пробовал ["> 1%", "last 2 versions", "not ie <= 8"], ['last 2 versions', 'safari >= 7']
один хрен ругается
Там точно 2 массива можно?
07:04:20 ДП
User 436581887
User 212795634
Там точно 2 массива можно?
нет, я по отдельности пробовал
07:04:58 ДП
User 212795634
А вообще браузерлист для preset env
07:05:17 ДП
User 436581887
User 212795634
А вообще браузерлист для preset env
{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["last 2 versions", "safari >= 7"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}
07:05:25 ДП
User 436581887
такое, но ошибка всё равно.
07:05:48 ДП
User 212795634
Может стейж 2 сначала написать?
07:07:25 ДП
User 436581887
User 212795634
Может стейж 2 сначала написать?
да хз, я пытаюсь к своему проекту прикрутить конфиги от шаблона vue-cli. В dev варианте собирается, а prod не хочет. При этом сам шаблон собирается нормально, хотя я нничего особо в конифгах не менял. Только Entry свой прописал и output.
07:08:53 ДП
User 212795634
Какой аглифай берешь?
07:12:55 ДП
User 436581887
User 212795634
Какой аглифай берешь?
обновил на версию  1.1.1 как в шаблоне, всё заработало. Спасибо. Была 0.46
07:13:12 ДП
User 134905826
User 436581887
У меня UglifyJS запускается раньше чем Babel скомпилит ES6 в то что понятно UglifyJS, Uglify это не нравится и он ругается на unexpected token. Что можно сделать?

Babel-loader соотв. в лоадерах, а UglifyJS в плагинах.
babel-minify-webpack-plugin используй вместо UglifyJS
07:27:30 ДП
User 371133717
User 134905826
babel-minify-webpack-plugin используй вместо UglifyJS
Есть какие-то значимые причины использовать этот плагин вместо uglify?
07:32:58 ДП
User 134905826
User 371133717
Есть какие-то значимые причины использовать этот плагин вместо uglify?
1. разработчики babelify и babel один 2. они же говорят что быстрее чем uglify 3. нет проблем с синксаисом генераторов например, т.к. uglify ничего не знает о современном js
07:34:55 ДП
User 134905826
но вроде в последенем uglifyjs продвинулся сильно. по факту разницы нет канечно — жалкие  проценты.
07:57:56 ДП
User 97102774
User 134905826
1. разработчики babelify и babel один 2. они же говорят что быстрее чем uglify 3. нет проблем с синксаисом генераторов например, т.к. uglify ничего не знает о современном js
Когда релизнется, то и можно использовать.
07:59:08 ДП
User 212795634
User 97102774
Когда релизнется, то и можно использовать.
тогда уже из трендов выйдет
07:59:13 ДП
User 212795634
и что-то другое будет
07:59:28 ДП
User 97102774
Дык это же прекрасно. Стабильный хороший мамонт.
07:59:31 ДП
07:59:36 ДП
User 97102774
Что может быть лучше в тулзах?)
07:59:50 ДП
User 212795634
User 97102774
Что может быть лучше в тулзах?)
свежие и постоянно обновляемые
08:00:18 ДП
User 212795634
бабель 7 в бете вот, однако многие на него переходят уже
08:00:50 ДП
User 212795634
rrr5 вообще альфа
08:00:53 ДП
User 97102774
User 212795634
свежие и постоянно обновляемые
Херня это.
08:01:07 ДП
User 97102774
Я устаревшим софтом пользуюсь. Так надежнее.
08:01:35 ДП
User 97102774
Пусть остальные протестируют всё, а я потом перейду.
08:01:55 ДП
User 212795634
мыши плакали и кололись, но продолжали грызть засохший хлеб?
08:03:46 ДП
User 212795634
самый большой профит из софта можно извлечь только пока он в стадии активной разработки
08:04:02 ДП
User 212795634
так что твои аргументы не аргументы
08:04:46 ДП
User 97102774
User 212795634
мыши плакали и кололись, но продолжали грызть засохший хлеб?
Почему?
08:05:24 ДП
User 371133717
Как там говорится, про то что у каждого своя методика?
08:05:39 ДП
User 97102774
User 212795634
самый большой профит из софта можно извлечь только пока он в стадии активной разработки
Лучше иметь чуть устаревшую платформу, чем быть тестировщиком новой.
08:06:30 ДП
User 212795634
жаль что 90% населения так же думает
08:08:06 ДП
User 97102774
User 212795634
жаль что 90% населения так же думает
Почему жаль?
08:08:17 ДП
User 97102774
Хотя да. Тогда у меня точно будет стабильный софт)
08:08:30 ДП
User 97102774
Пусть все, кроме меня, тестируют софт)
08:08:47 ДП
User 212795634
User 97102774
Почему жаль?
а я щас не про софт уже
08:09:02 ДП
User 97102774
User 212795634
а я щас не про софт уже
Ну, либы, платформа. Пофиг.
08:09:03 ДП
User 113489745
https://habrahabr.ru/company/jugru/blog/342842/
habr.com/company/jugru/blog/342842
Webpack фактически стал стандартом для сборки крупных приложений на JS. Его используют практически все. Для разработчика webpack выглядит как магический черный...
08:09:08 ДП
User 113489745
раз за разом пересматриваю
08:09:12 ДП
User 113489745
каждый раз что то новое в бандле нахожу
08:09:12 ДП
User 97102774
Софт как раз самый актуальный.
08:09:18 ДП
User 113489745
для удаления к фигам
08:10:06 ДП
User 212795634
User 97102774
Пусть все, кроме меня, тестируют софт)
- "вы что, хотите как в 90е??"
08:15:17 ДП
User 134905826
Имхо, разбираться в бетах, альфах полезно для развития. Даже если это баги: вы качает скил от чтения кода и написания issue и pr тем более.
08:15:38 ДП
User 97102774
User 212795634
- "вы что, хотите как в 90е??"
??
08:15:55 ДП
User 97102774
User 134905826
Имхо, разбираться в бетах, альфах полезно для развития. Даже если это баги: вы качает скил от чтения кода и написания issue и pr тем более.
Разбираться и тащить в прод - разные вещи.
08:16:18 ДП
User 212795634
User 97102774
??
ну ты так же думаешь насчет обновления софта? ))
08:16:46 ДП
User 97102774
User 212795634
ну ты так же думаешь насчет обновления софта? ))
Я тупой. Объясни.
08:16:57 ДП
User 212795634
User 97102774
Я тупой. Объясни.
блять, сложно
08:18:06 ДП
User 212795634
когда говоришь среднестатистическому человеку  "я хочу видеть сменяемость власти" в 90% случаев он отвечает "хочешь как в 90-е??" или "хочешь чтоб как на украине?"
08:18:09 ДП
User 212795634
ксенофобы, вот
08:18:24 ДП
User 212795634
и ты ксенофоб
08:18:58 ДП
User 97102774
User 212795634
когда говоришь среднестатистическому человеку  "я хочу видеть сменяемость власти" в 90% случаев он отвечает "хочешь как в 90-е??" или "хочешь чтоб как на украине?"
Я не живу в РФ)
08:19:05 ДП
User 134905826
User 97102774
Разбираться и тащить в прод - разные вещи.
хуяк-хуяк в продакшен (:
08:19:08 ДП
User 212795634
User 97102774
Я не живу в РФ)
снг?
08:19:22 ДП
User 97102774
User 212795634
снг?
Казахстан. В Феврале в РФ перееду.
08:19:48 ДП
User 97102774
В Москву, если быть точнее.
08:30:37 ДП
User 212795634
User 97102774
В Москву, если быть точнее.
надо выпить за это
08:30:52 ДП
User 97102774
Посмотрим. Сейчас работу ищу.
08:41:15 ДП
User 115191768
привет всем, вопрос такой, запустил дев сервер с реактовским приложением, главная страница открывается все ок, а вот когда начинаю идти по роутам страницы не открываются в чем может быть проблема7
08:45:00 ДП
User 134905826
User 115191768
привет всем, вопрос такой, запустил дев сервер с реактовским приложением, главная страница открывается все ок, а вот когда начинаю идти по роутам страницы не открываются в чем может быть проблема7
вангую что инфа в devtools хрома есть.
08:48:32 ДП
User 115191768
ну что-то не особо
08:48:39 ДП
User 115191768
пишет просто 404 not found
09:16:36 ДП
User 212795634
User 115191768
привет всем, вопрос такой, запустил дев сервер с реактовским приложением, главная страница открывается все ок, а вот когда начинаю идти по роутам страницы не открываются в чем может быть проблема7
кидай код
09:17:55 ДП
User 115191768
использую react код вебпака для дев сборки такой
module.exports = webpackMerge(baseConfig, {
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ],
    devtool: "eval",
    devServer: {
        contentBase: [Utils.BUILD_PATH],
        port: 3001,
        compress: true,
        hot: true,
        stats: 'minimal',
    }
});

до этого был такой файл ноде сервера 

const app = express();
const router = express.Router();

app.use(express.static(path.join(__dirname, "../build")));
app.use(router);

app.get("*", function(req, res) {
  res.sendFile(path.join(__dirname, "../build/index.html"));
});

app.listen(3001, function(err) {
  if (err) {
    console.log(err);
    return;
  }

  console.log("Listening at http://localhost:3001");
});
09:19:24 ДП
User 212795634
User 115191768
использую react код вебпака для дев сборки такой
module.exports = webpackMerge(baseConfig, {
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ],
    devtool: "eval",
    devServer: {
        contentBase: [Utils.BUILD_PATH],
        port: 3001,
        compress: true,
        hot: true,
        stats: 'minimal',
    }
});

до этого был такой файл ноде сервера 

const app = express();
const router = express.Router();

app.use(express.static(path.join(__dirname, "../build")));
app.use(router);

app.get("*", function(req, res) {
  res.sendFile(path.join(__dirname, "../build/index.html"));
});

app.listen(3001, function(err) {
  if (err) {
    console.log(err);
    return;
  }

  console.log("Listening at http://localhost:3001");
});
в html файле что?
09:19:36 ДП
User 212795634
или webpac html plugin юзаеш?
09:20:02 ДП
User 115191768
да собираю из .pug файла html
09:20:14 ДП
User 212795634
не реакт?
09:20:19 ДП
User 212795634
показывай что там короче
09:21:16 ДП
User 115191768
вот линк на бейконфиг вебпака
09:21:48 ДП
User 115191768
doctype html
html
    head
        meta(charset='utf-8')
        title some
        meta(http-equiv='x-ua-compatible', content='ie=edge')
        meta(name='description', content='some')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        each cssFile in htmlWebpackPlugin.files.css
            link(
                href=cssFile,
                rel="stylesheet"
            )
    body
        #app
        each jsFile in htmlWebpackPlugin.files.js
            script(
                src=jsFile
            )
09:21:53 ДП
User 115191768
вот индекс
09:24:14 ДП
User 212795634
User 115191768
вот индекс
а ошибка какая?
09:24:20 ДП
User 435494599
Ребята, если у меня такой кейс, по клику кнопки в футере, поменять состояние хедера, мне получается стейт через кучу компонентов вверх нужно пробросить? Есть useful link позырить как такой кейс реализуется?
09:24:44 ДП
User 212795634
User 435494599
Ребята, если у меня такой кейс, по клику кнопки в футере, поменять состояние хедера, мне получается стейт через кучу компонентов вверх нужно пробросить? Есть useful link позырить как такой кейс реализуется?
redux js
09:25:13 ДП
User 97102774
Или же стримы + контекст.
09:25:20 ДП
User 97102774
Но лучше первое.
09:25:31 ДП
User 39182759
ну или через пропсы пробрасывать, тоже неплохо
09:25:36 ДП
User 39182759
алсо есть mobx
09:25:59 ДП
User 115191768
@itsjohncena открываю главную страницу по пути '/' все отлично, как только иду по роуту куда либо например '/search' пишет просто Cannot GET /search
09:26:27 ДП
User 97102774
User 39182759
ну или через пропсы пробрасывать, тоже неплохо
Фигня. Это слишком много лишнего кода.
09:26:51 ДП
User 435494599
User 39182759
ну или через пропсы пробрасывать, тоже неплохо
как пропсы снизу вверх пробросить?
09:27:13 ДП
User 635402
никак
09:27:45 ДП
User 635402
что ты хочешь сделать ?
09:28:43 ДП
User 97102774
User 435494599
как пропсы снизу вверх пробросить?
Прокидываешь функцию, которую вызываешь когда тебе нужно.
09:28:52 ДП
User 212795634
User 115191768
использую react код вебпака для дев сборки такой
module.exports = webpackMerge(baseConfig, {
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ],
    devtool: "eval",
    devServer: {
        contentBase: [Utils.BUILD_PATH],
        port: 3001,
        compress: true,
        hot: true,
        stats: 'minimal',
    }
});

до этого был такой файл ноде сервера 

const app = express();
const router = express.Router();

app.use(express.static(path.join(__dirname, "../build")));
app.use(router);

app.get("*", function(req, res) {
  res.sendFile(path.join(__dirname, "../build/index.html"));
});

app.listen(3001, function(err) {
  if (err) {
    console.log(err);
    return;
  }

  console.log("Listening at http://localhost:3001");
});
devServer: { historyApiFallback: true, } добавить попробуй
09:31:21 ДП
User 115191768
помогло спасибо
09:31:30 ДП
User 435494599
User 97102774
Прокидываешь функцию, которую вызываешь когда тебе нужно.
получается меняем стейт родителю, слушаем, потом еще функция и так по цепочке, до общего компонента, я правильно понял?
09:31:32 ДП
User 115191768
но в чем суть что делает historyApiFallback
09:32:04 ДП
User 212795634
User 115191768
но в чем суть что делает historyApiFallback
делает фоллбек на хистори апи когда не может найти страницу
09:32:46 ДП
User 212795634
потому что у сервера нет матчинга на /search
09:35:23 ДП
User 435494599
сори парни, я этот чат с реактом попутал, а тут так классно отвечать накинулись, что даже и подвоха не заметил
09:35:29 ДП
User 39182759
User 435494599
получается меняем стейт родителю, слушаем, потом еще функция и так по цепочке, до общего компонента, я правильно понял?
const A = props => <a onClick={this.props.onLinkClicked}/>
const B = props=><A onLinkClicked={this.props.onAClicked}>
09:35:33 ДП
User 39182759
ну и так далее
09:42:13 ДП
User 97102774
User 435494599
получается меняем стейт родителю, слушаем, потом еще функция и так по цепочке, до общего компонента, я правильно понял?
Да.
03:19:51 ПП
User 205020370
Привет всем!
В итоговом index.html пути к скриптам выглядят как: '/static/js.....' а надо './static/js.....'
Не пойму где это настраивается..
Прошу помочь.
03:35:18 ПП
User 212795634
User 205020370
Привет всем!
В итоговом index.html пути к скриптам выглядят как: '/static/js.....' а надо './static/js.....'
Не пойму где это настраивается..
Прошу помочь.
Зачем?
03:36:14 ПП
User 205020370
пакую всё в кордову, без . не работает
03:37:15 ПП
User 205020370
@itsjohncena
05:40:27 ПП
User 355846509
User 205020370
пакую всё в кордову, без . не работает
у кордовы своя настройка путей. настраиваются в каких-то xml'ях.
06:06:38 ПП
User 32530886
User 205020370
пакую всё в кордову, без . не работает
катастрофа