Отключить UglifyJSPlugin при выполнении разработки?

Question

Моё относительно простое машинописное веб-приложение React компилирует изрядное количество времени, когда я делаю изменения, большая часть этого расходуется на UglifyJSPlugin.

Я запускаю следующую команду через NPM:

"start": "webpack-dev-server --progress --colors --inline --watch",

Большая часть времени, проведенного в uglifyjs, составляетесть какая-то причина, по которой он должен работать для разработки?Мне не нужно, чтобы он унизил / оптимизировал код во время разработки, и мне было интересно, как я могу заставить его отключиться.

Answer 1

В вашей среде разработчика включите режим development , добавив следующую строку в webpack.config.js:

module.exports = {
    // ...,
    mode: 'development',
    // ...
}

Обратите внимание на официальный документ , показывающий, чтоUglifyJSPlugin активируется только в режиме production .

Answer 2

Вы можете использовать отдельный файл конфигурации веб-пакета для производства, оставив UglifyJSPlugin в своей конфигурации разработки.

Вы также можете заставить свой скрипт конфигурации генерировать объект конфигурации, который включает этот плагин, только если вы работаетев производстве (например, process.env.NODE_ENV == 'production').

Я выбрал последнее лично.Недавно я обновил до WebPack 4.x, который добавляет в конфигурацию поле оптимизации, позволяя выразить это кратко следующим образом:

{...restOfConfig,
   optimization: {
      minimize: process.env.NODE_ENV == 'production'
   }
}