Как я могу наблюдать меньше изменений файлов после извлечения приложения «Создать реагирование»? - PullRequest
Новая
       26

Как я могу наблюдать меньше изменений файлов после извлечения приложения «Создать реагирование»?

0 голосов
/ 18 мая 2018

Недавно я создал реактивный проект с использованием create-react-app и извлек его, чтобы настроить проект.И затем я хочу добавить поддержку Less, поэтому я добавил следующий код в webpack.config.dev.js перед test: /\.css$/. 

{
  test: /\.less$/,
  use: ExtractTextPlugin.extract({
    // activate source maps via loader query
    use: [
      { loader: 'css-loader', options: { sourceMap: '' } },
      {
        loader: 'postcss-loader',
        options: {
          plugins() {
            return [
              require('autoprefixer')({ browsers: ['last 4 versions'] }),
            ];
          },
        },
      },
      { loader: 'less-loader', options: { sourceMap: '' } },
    ],
  }),
},

Проблема заключается в том, что при такой конфигурации каждый раз при изменении файла меньшеприложение не компилирует меньший файл автоматически.Только когда я изменю файл css или js, приложение перекомпилирует изменения в меньшее количество файлов.

Кажется, что конфигурация create-react-app webpack не отслеживает изменения меньшего количества файлов.Я долго искал и есть только ответы о том, как смотреть Less без извлечения.

1 Ответ

0 голосов
/ 20 июня 2018

Если вы удалили приложение Create React, в итоге в каталоге ./config должны появиться два файла webpack.config: webpack.config.prod.js и webpack.config.dev.js.

Осторожно: ExtractTextPlugin определено вфайл конфигурации prod, а не в dev.

Мне удалось использовать меньше, установив less и less-loader

npm install --save-dev less less-loader

Затем, в webpack.config.dev.js, продублируйтеПравило, используемое для CSS ({test: /\.css$/, ...}).Затем в одном из этих правил измените значение теста на test: /\.less$/ и добавьте require.resolve('less-loader') в конец его массива use.

У меня работает и смотрит меньше файлов.

...