首页 > 解决方案 > webpack4 如何在生产模式下配置 postcss.config.js 文件

问题描述

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server  --mode development --open --progress --config webpack.dev.config.js",
    "build": "webpack --progress --mode production --config webpack.prod.config.js"
  },



  module.exports = ({env}) => ({
  plugins: {
    'cssnano': env === 'production' ? {} : false
  }
});

当我运行“npm run build”时,环境总是“开发”,所以“cssnano”不会运行。如何让 postcss 知道我在“生产”中?

标签: javascriptwebpack-4postcss

解决方案


尝试

module.exports = (env, argv) => ({
…
plugins: {
    'cssnano': argv.mode === 'production' ? {} : false
}
…

推荐阅读