qtuz

Question

CSS

Вёрстка блока с подписью к картинке неопределённой ширины

22 подписчика
более трёх лет назад
5223 просмотра

Answer 1 · 2016-10-31 16:36:03

Для того чтобы Webpack отслеживал изменения во всех файлах, надо чтобы лоадер сообщил ему какие зависимости имеет текущий обрабатываемый файл. Делается это через вызов this.addDependency(absolute_path_to_file). Если лоадер не делает это, то получение результата работы лоадера вам не поможет. Вы можете написать свой лоадер, который будет парсить исходник регуляркой и добавлять все файлы в зависимость. Если поставить этот лоадер перед вызовом preprocess-loader то изменения будут отслеживаться во всех файлах.

Answer 2 · 2016-10-31 17:32:21

У вас 2 правила применяются на одни и те же файлы:

{ test: /\.styl$/, loader: 'style!css!stylus!' },
{ test: /\.stly$/, loader: ExtractTextPlugin.extract("style", "css!stylus!") }

Уберите первое, а во втором уберите восклицательный знак в конце css!stylus!

Answer 3 · 2017-02-10 00:09:34

Всё дело в расширении файла - jsx. Для вебпака стандартным расширением является js и json (как и для nodejs), поэтому оно может быть опущено. Добавьте в место импорта jsx файла расширение import Auth from 'test.jsx'. Либо добавьте в опцию resolve.extensions это расширение, чтобы вебпак автоматически считал его "стандартным" и его можно не указывать.

Answer 4 · 2016-03-30 00:35:39

Просканивароть директорию, получить список файлов и создать столько инстансов плагина, сколько находится в папке:

var glob = require('glob');
var files = glob.sync('lib/*.js');

...

plugins: files.map(function(filepath) {
  var basename = path.basename(filepath);
  var basenameWithoutExtension = basename.substr(0, basename.lastIndexOf("."));
  return new HandlebarsPlugin({
    entry: path.resolve(process.cwd(), filepath),
    output: path.join(process.cwd(), 'build', basenameWithoutExtension + '.html')
  });
});