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

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

974 members

Архив канала @webpack_ru 16 августа 2017 г.

05:27:12 ДП
User 147771380
User 108160315
если я захочу выполнить такой код, то как и что с ним нужно сделать, чтобы он выполнялся при сборке webpack'a?

там, где log - будет динамическая сборка *шрифтов* (file-loader). С помощью  require(path)  буду динамически загружать и производить всякие штуки... а потом мне, соответственно, нужно будет результат работы этого скрипта закрепить на клиенте, который сформирует стили (@font-face)

В итоге хочу упростить работу загрузки шрифтов (чтобы не писать постоянно 
import RegularWoff from 'MyFont/FontRegular.woff';
import RegularWoff2 from 'MyFont/FontRegular.woff2';

import BoldWoff from 'MyFont/FontBold.woff';
import BoldWoff2 from 'MyFont/FontBold.woff2';

......
  @font-face {
    font-family: 'MyFont';
    src: url(${RegularWoff }) format('woff');
  }

 + формировать стили в рантайме.



блэ, надеюсь, понятно объяснил
fs.readdirSync(filePath).forEach(file => {
  console.log(file);
});
Ну, пока на ум приходит решение в лоб - проходиться галпом, генерить нужный css, а потом подхватывать вебпаком
05:28:26 ДП
User 147771380
User 108160315
такс, а как мне потом импортировать результат работы модуля?
Импортируй будто бы файлик там есть, при этом копируя его в dist
05:28:44 ДП
User 147771380
Ну это так, хаки, которые пришли в голову
12:19:57 ПП
User 45465994
Ребят, может кто сталкивался. Консолька выдает 2 варнинга при запуске дев сервера:
(node:98479) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

и 
Node#moveTo was deprecated. Use Container#append.

первый, я так понимаю (судя по ссылке) - это варнинг для разработчиков лоадера. А второй к чему?

Оба сообщения стали появляться после установки
npm install --save-dev file-loader
npm install image-webpack-loader --save-dev
12:26:51 ПП
User 4274761
ну и как работают эти pre-/postloader'ы?
нужно заменить запись require('worker-loader!./worker') на конфиг, матчить можно по /\.worker\.js$/, но как?
12:27:31 ПП
User 4274761
User 45465994
Ребят, может кто сталкивался. Консолька выдает 2 варнинга при запуске дев сервера:
(node:98479) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

и 
Node#moveTo was deprecated. Use Container#append.

первый, я так понимаю (судя по ссылке) - это варнинг для разработчиков лоадера. А второй к чему?

Оба сообщения стали появляться после установки
npm install --save-dev file-loader
npm install image-webpack-loader --save-dev
второе, думаю, тоже к разработчикам. используют некое старое апи
12:29:23 ПП
User 108160315
User 108160315
если я захочу выполнить такой код, то как и что с ним нужно сделать, чтобы он выполнялся при сборке webpack'a?

там, где log - будет динамическая сборка *шрифтов* (file-loader). С помощью  require(path)  буду динамически загружать и производить всякие штуки... а потом мне, соответственно, нужно будет результат работы этого скрипта закрепить на клиенте, который сформирует стили (@font-face)

В итоге хочу упростить работу загрузки шрифтов (чтобы не писать постоянно 
import RegularWoff from 'MyFont/FontRegular.woff';
import RegularWoff2 from 'MyFont/FontRegular.woff2';

import BoldWoff from 'MyFont/FontBold.woff';
import BoldWoff2 from 'MyFont/FontBold.woff2';

......
  @font-face {
    font-family: 'MyFont';
    src: url(${RegularWoff }) format('woff');
  }

 + формировать стили в рантайме.



блэ, надеюсь, понятно объяснил
fs.readdirSync(filePath).forEach(file => {
  console.log(file);
});
resolved:
https://webpack.js.org/api/module-methods/#require-context
01:33:41 ПП
User 159499863
Добрый день, по какой причине file-loader может не отрабатывать? Ошибки при сборке не получаю. Вот часть webpack.config.js
      {
        "test": /\.(png|svg|jpg)$/,
        "loader": "file-loader",
        "options": {
          "name": 'img/[name].[ext]'
        }
01:40:48 ПП
User 4274761
А как именно он не отрабатывает?
01:43:05 ПП
User 159499863
User 4274761
А как именно он не отрабатывает?
После сборки в папке с результатом не появляется никаких файлов, связанных с изображениями и в запущенном проекте нет изображений.
07:19:48 ПП
User 159499863
Есть какие-то способы это отдебажить?