1

我添加purgecss-webpack-plugin到我的 vuetify 应用程序中。

问题是purgecss-webpack-plugin删除所有 vuetify 样式。

这就是我purgecss-webpack-plugin在 vue.config.js 中的配置方式：

const PurgecssPlugin = require('purgecss-webpack-plugin');
const glob = require('glob-all');
const path = require('path');
...
    configureWebpack: {
     plugins: [
          new PurgecssPlugin({
            paths: glob
              .sync([
                path.join(__dirname, './src/index.html'),
                path.join(__dirname, './**/*.vue'),
                path.join(__dirname, './src/**/*.js'),
                path.join(__dirname, './node_modules/vuetify/**/*.js'),
              ])
              .filter((f) => !/\/$/.test(f)),
         }),
     ]
    }

应用程序.vue

<v-app>
  <v-content>
    <v-btn color="primary">button</v-btn>
  </v-content>
</v-app>

在我运行 build 之后，它会删除大部分 vuetify 样式：v-application v-application--is-ltr theme--light, .v-btn.

我如何告诉 purgecss 删除我不需要的样式，但要聪明并检测到我需要的样式？

4

0 回答 0