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

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

974 members

Архив канала @webpack_ru 22 февраля 2018 г.

08:43:54 ДП
User 134905826
Кто-то сталкивался с таким багом:  папка исходников это симлинк, все нормально собирается, но код не рабочий. Куда копать?
08:45:50 ДП
User 99532118
В нод модульс часто симлинки могут быть
08:46:07 ДП
User 99532118
Особенно, если вы сами линкуете свои зависимости
08:46:20 ДП
User 99532118
Но надо понять по отладчику что именно не рабочее
09:00:10 ДП
User 134905826
User 134905826
Кто-то сталкивался с таким багом:  папка исходников это симлинк, все нормально собирается, но код не рабочий. Куда копать?
костыль оказался очень тупым, но рабочим!! 
process.chdir(fs.realpathSync(process.cwd()));
10:04:12 ДП
User 292848511
ребят, проставляются абсолютные пути до модулей в бандлах

module.exports = require("/home/dmitry/projects/xxx/react-ssr/react/src/app/node_modules/next/dist/pages/_error.js");

var _jsxFileName = '/home/dmitry/projects/xxx/react-ssr/react/src/app/components/Layout.js';

конфиги: https://gist.github.com/DmitryGG/78c9e9247c5f695e5ca42b051861effb

структура проекта на скрине:
gist.github.com/DmitryGG/78c9e9247c5f695e5ca42b051861effb
10:04:23 ДП
10:05:20 ДП
User 99532118
User 292848511
ребят, проставляются абсолютные пути до модулей в бандлах

module.exports = require("/home/dmitry/projects/xxx/react-ssr/react/src/app/node_modules/next/dist/pages/_error.js");

var _jsxFileName = '/home/dmitry/projects/xxx/react-ssr/react/src/app/components/Layout.js';

конфиги: https://gist.github.com/DmitryGG/78c9e9247c5f695e5ca42b051861effb

структура проекта на скрине:
gist.github.com/DmitryGG/78c9e9247c5f695e5ca42b051861effb
ужу точно спрашивали и неск раз, попробуйте поискать в истории чата
10:05:31 ДП
User 99532118
или посмотрите примеры в CRA
10:05:37 ДП
User 99532118
там тоже должно быть решение
10:06:08 ДП
User 292848511
так у меня не CRA

я и спрашивал, только ничего не помогает
10:07:47 ДП
User 99532118
User 292848511
так у меня не CRA

я и спрашивал, только ничего не помогает
аааа, понял. ну и что, что вы не пользовали CRA. распотрошите его eject'ом и разберитесь как в нем сделано
10:07:54 ДП
User 99532118
и сделайте у вас)
10:39:56 ДП
User 292848511
топовая помощь, спасибо
10:53:15 ДП
User 189569517
Привет всем ,есть у кого конфиг с react и sass extract?
10:53:59 ДП
User 99532118
топовая помощь топовому специалисту, всегда пожалуйста )
02:19:05 ПП
User 210722170
можно ли подключать sass файлы библиотек в вебпаке не так @import path-to-node_modules/lib а как в js @import lib?
02:19:32 ПП
User 210722170
приходится указывать полный путь до node_modules, не удобно как-то
02:20:29 ПП
User 99532118
а такое не стоит разве копировать из вложенных папок повыше в проект?
02:20:43 ПП
User 99532118
или экспортить из самих либ явно?
02:20:58 ПП
User 99532118
или это сторонние либы?
02:21:13 ПП
User 210722170
сторонние
02:21:14 ПП
User 210722170
разобрался
02:21:21 ПП
User 210722170
нужно тильду указать в начале
02:21:31 ПП
User 210722170
@import '~lib'
02:21:40 ПП
User 99532118
спасибо, я и не знал
02:21:54 ПП
User 210722170
User 99532118
спасибо, я и не знал
)))
02:22:01 ПП
User 210722170
http://getbootstrap.com/docs/4.0/getting-started/webpack/ тут увидел
getbootstrap.com/docs/4.0/getting-started/webpack
Learn how to include Bootstrap in your project using Webpack 3.
06:07:28 ПП
User 210722170
ребят как работать с картинками в вебпаке? ну поставил я file, url, url-resolve лоадеры, а дальше не знаю что делать, знаю что файлы - тоже модули и их в js файле можно импортировать import 'bg.jpg'.
обычно картинки можно конечно кидать в папку и просто копировать их  с помощью плагина, но что если я хочу из стороннего фреймворка, который лежит в node_modules, вставить картинку  в html или через url в css?
06:08:34 ПП
User 1040677
<img src=require("path-to-img/img.jpg")>
06:10:46 ПП
User 210722170
не, это не то
06:11:42 ПП
User 1040677
User 210722170
@import '~lib'
А так не идёт?
06:12:05 ПП
User 210722170
не пробовал, как вы делаете?
06:32:51 ПП
User 1040677
User 210722170
не пробовал, как вы делаете?
Да я сам не пробывал)) Ты же сам предложил идею с бутстрапом)) МОжет быть с картинками проканает))
06:36:03 ПП
User 210722170
User 1040677
Да я сам не пробывал)) Ты же сам предложил идею с бутстрапом)) МОжет быть с картинками проканает))
да не то это, это криво все и не удобно, к примеру если сборка вебпака находится в теме вордпресс, и не имеет доступа к php файлам и заточена только для фронта, нужно как то обозначить что нужно копировать нужные файлы (которые как то отмечены или еще-что то, сам не знаю как) из node_modules? вот хз как это сделать...
06:36:57 ПП
User 210722170
User 1040677
Да я сам не пробывал)) Ты же сам предложил идею с бутстрапом)) МОжет быть с картинками проканает))
я вт разбираю сборку темы sage https://github.com/roots/sage/blob/master/resources/assets/build/webpack.config.js#L106
github.com/roots/sage/blob/master/resources/assets/build/webpack.config.js
sage - WordPress starter theme with a modern development workflow
06:37:33 ПП
User 210722170
вот смотрите:
{
        test: /\.(ttf|eot|woff2?|png|jpe?g|gif|svg|ico)$/,
        include: /node_modules/,
        loader: 'url',
        options: {
          limit: 4096,
          outputPath: 'vendor/',
          name: ${config.cacheBusting}.[ext],
        },
      },
06:37:33 ПП
User 210722170
по идее должны файлы копироваться в папку вендор, но как их обозначить??
06:37:36 ПП
User 210722170
как....
06:37:42 ПП
User 210722170
или что с ними делать..