小编Ern*_*nie的帖子

如何在 vue-cli 3 中添加 cssnano 优化规则?

我正在尝试添加 cssnano 优化规则,但是使用 vue-cli,它似乎不起作用。我在中添加了以下脚本vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("cssnano")({
            preset: [
              "default",
              {
                discardComments: {
                  removeAll: true
                },
                mergeRules: true
              }
            ]
          })
        ]
      }
    }
  }
};
Run Code Online (Sandbox Code Playgroud)

但它不起作用(见下面的截图)

屏幕截图 - cssnanomergeRules不适用:

在此处输入图片说明

我错过了什么?

webpack vue.js cssnano vue-cli vue-cli-3

2
推荐指数
1
解决办法
1481
查看次数

标签 统计

cssnano ×1

vue-cli ×1

vue-cli-3 ×1

vue.js ×1

webpack ×1