Конфигурация webpack4 только для извлечения CSS из файлов JS - PullRequest
Новая
       59

Конфигурация webpack4 только для извлечения CSS из файлов JS

0 голосов
/ 06 января 2019

В моем реактивном приложении у меня есть конфигурация веб-пакета только для извлечения scss и, наконец, для создания отдельных CSS-файлов с помощью mini-css-extract-plugin. Правила модуля приведены ниже.

Сейчас он генерирует как файлы JS, так и CSS. Как уже упоминалось в нескольких других SO вопросах, я могу удалить эти файлы. Но главная проблема заключается в том, что, поскольку эти JS генерируются без необходимости, сборка занимает больше времени. Я хочу, чтобы загрузчик babel просто прочитал JS и извлек информацию об импорте SCSS. Не более того. Нет необходимости оценивать JS дальше или генерировать файлы JS.

Есть ли способ, которым я могу так поступить? Заранее спасибо. 

module: {
rules: [{
  test: /\.js$/,
  include: path.join(__dirname, '../../src/'),
  exclude: [
    /(node_modules)/,
    /utils\/trackingLayer.js/
  ],
  use: {
    loader: 'babel-loader',
    options: {
      cacheDirectory: true
    } 
  }      
},{
  test: /\.scss$/,
  include: path.join(__dirname, '../../src/components/'),
  use: [
      MiniCssExtractPlugin.loader, cssLoader, postcssLoader, sassLoader
  ]}]
}
...