Vue.js 为什么purgecss网页包插件会删除vuetify样式?
我将Vue.js 为什么purgecss网页包插件会删除vuetify样式?,vue.js,webpack,css-purge,Vue.js,Webpack,Css Purge,我将purgecss网页包插件添加到我的vuetify应用程序中 问题是purgecss网页包插件删除所有vuetify样式 这就是我在vue.config.js中配置purgecss网页包插件的方式: const PurgecssPlugin = require('purgecss-webpack-plugin'); const glob = require('glob-all'); const path = require('path'); ... configureWebpack:
purgecss网页包插件添加到我的vuetify应用程序中
问题是purgecss网页包插件
删除所有vuetify样式
这就是我在vue.config.js中配置purgecss网页包插件的方式:
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)),
}),
]
}
App.vue
<v-app>
<v-content>
<v-btn color="primary">button</v-btn>
</v-content>
</v-app>
按钮
运行build后,它删除了大多数vuetify样式:v-application v-application--is ltr主题--light
,.v-btn
我如何告诉purgecss删除我不需要的样式,但要聪明,并检测到我需要的样式?看看purgecss文档