webpack4 how to config postcss.config.js file in production mode

Question

  "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
  }
});

when I run "npm run build", the env is always "development",so the "cssnano" doesn't run. How to let the postcss knows that I'm in the "production"?

Answer 1

Try

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

Answer 2

这有帮助吗？

"build": "NODE_ENV=production webpack --progress --mode production --config webpack.prod.config.js"