Как использовать условие в конфиге webpack?

Question

[Леонид Роженцев]

Здравствуйте. Пытаюсь использовать модуль cross-env для того, чтобы запускать плагин purgecss только при сборке в production. Нашёл такое решение;
Вот команда с cross-env

"scripts": {
    "start": "cross-env NODE_ENV=development webpack serve --config webpack/webpack.config.babel.js --mode development"
  }

А в webpack.config.js нужно прописать это:

const isDev = process.env.NODE_ENV === 'development';
const isProd = !isDev;

if (isProd) {
// Используем PurgeCSS.
}

Answer 1

[Алексей Ярков]

А в webpack.config.js нужно прописать это

Так пропишите. Что мешает? Или уже конфиг покажите и место где не получается.

Comments

[Леонид Роженцев]

Вот конфиг

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const PurgecssPlugin = require('purgecss-webpack-plugin');
const glob = require('glob');
const isDev = process.env.NODE_ENV === 'development';
const isProd = !isDev;

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'assets/js/bundle.js'
  },
  module: {
    rules: [{
      test: /\.scss$/,
      use: [
          MiniCssExtractPlugin.loader,
          {
            loader: 'css-loader'
          },
          {
            loader: 'sass-loader',
            options: {
              sourceMap: true,
              // options...
            }
          }
        ]
    }]
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: 'assets/css/style.css'
    }),
    new HtmlWebpackPlugin({
      template: "./src/index.html"
    }),
  ]
};

Проблема в том, что я не знаю, куда вставлять это условие

[Alex_mos]

Леонид Роженцев, я так понимаю вы это хотите

[Леонид Роженцев]

Alex_mos, да, спасибо

Answer 2

[Сергей delphinpro]

Конфиг вебпака – это обычный js файл. На js писать умеете?

const config = {
  entry: './src/index.js',
  output: {
    // ...
  },
  module: {
    // ...
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: 'assets/css/style.css'
    }),
    // ...
  ]
};

if (isDev) {
  config.plugins.push( new PurgecssPlugin() );
}

module.exports = config;

Comments

[Леонид Роженцев]

Спасибо