Как в webpack подключить часть кода или файлов по условию?

Question

[Ольга]

Не могу понять как сделать в Webpack подключение определенных файлов SCSS и JavaScript только при разработке, чтобы они не попадали в продакшен.

Я нашла что можно использовать NODE_ENV, но не понимаю как исключать с помощью него файлы.

Если у кого есть пример или скажите где об этом можно почитать?

Answer 1

[Maxim Kirshin]

webpack.config.js - это обычный исполняемый js-файл, поэтому вы можете туда писать все что угодно как в js, любые условия и прочее.
Проверить на прод. можно примерно так (у вас может быть иначе, см. package.json -> scripts)

const isProd = process.env.NODE_ENV === 'production'

Файлы исключаются так, в exclude передается регулярное выражение, либо массив регулярок:

// module.exports -> module -> rules ...
      {
        test: /\.js$/, // ищем файлы с расширением js
        exclude: isProd ? [/node_modules/, /\.dev.js$/] : /node_modules/,  // исключаем node_modules, и файлы типа main.dev.js для production, либо только node_modules для dev и так далее
        use: // ваши loader'ы
      },