删除大量css时出错：在nuxtjs中优化引导vue-使用Purecss

我将组件组和指令用作nuxtjs中的Vue插件。我还在引导中使用了Carousel，Vue的两个插件是VueCarousel和Vue Carousel 3D

内置生产后=>PurecssPlugin删除大量未使用的Css=>这很好！但它会破坏页面，我有两个问题：

• 有些组件不接收引导，如col-md-4
• 引导和Vue的2个插件的旋转木马=>它完全毁了：(

希望有人能帮我（isDev？'[name].js':'[id].[chunkhash].js'）， img:（{isDev}）=>（isDev？'[path][name].[ext]'：'img/[hash:7].[ext]'）， }, 对,， 优化：{ 分割块：{ 缓存组：{ 风格：{ 名称：“样式”， 测试：/\（css|vue）$/， 块：“全部”， 是的， }, }, }, }, 扩展（配置，{isDev，isClient，loaders:{vue}）{ 如果（isDev | | isClient）{ config.plugins.push( 新清洗剂({ //内容：[]， //css:[]， 真的， 拒绝：对， 路径：glob.sync([ path.join（uu dirname，'./pages/***.vue'）， path.join（uu dirname，'./layouts/***.vue'）， path.join（uu dirname，'./components/***.vue'）， ]), 白名单：['html'，'body']， }), ) } }, }, } 截图

---

清除CSS在组件源代码中查找静态字符串，以检查要保留的CSS类

但是，在组件（如

col-sm-5

等）上使用的许多类都是在运行时生成的（根据各种属性值计算），PurgeCSS无法检测到

您可以设置为匹配特定的类名（即，

/^col/

，/^row/'，

/^card/

，/^carousel/`，等等）

---

或者放弃使用PurgeCSS，只从Bootstrap&BootstrapVue导入所需的SCS。Bootstrap SCS本质上有点模块化。请参见

谢谢您，虽然我使用了白名单，但该固定列仍有一些CSS未收到！例如：

col-md-12 col-lg-8 offset-lg-2

和白名单：[/^col/，/.*（offset-lg-2）$/]=>offset-lg-2不起作用；我使用了两个Vue插件（Carousel vs 3D），虽然我为它们编写了白名单，但仍然没有收到！希望您能帮助我！请尝试以下白名单：

[/^col/，/^offset/，/^Carousel/]

记住，白名单与源CSS文件中的样式名称相匹配（不是从

style

属性，因此不需要匹配前导空格）此处显示的数组匹配CSS文件中找到的任何类，这些类以我知道的RegExprYes中的字符串开头，但当我在

b-col

=>中使用指令

offset lg=2

时，它不接收CSS，但在添加

类时=“offset-lg-2”

=>成功了，哈哈！也许清除CSS也与主要选择器匹配？从引导导入所需的SCSS模块可能更容易（如中所示）