使用purifycss时有的样式没有加载上来,比如伪类的样式,还有一些嵌套的样式都被误剔除了,可以怎样解决呢?
来源:14-2 课程学习与解决问题指南(最重要的一节课)
兮儿1993
2019-06-17
webpack的purifycss配置
new PurifyCSSPlugin({
minimize:true,
paths: glob.sync([
path.join(__dirname, './src/view/*.ejs'),
path.join(__dirname, './src/view/*/*.ejs'),
path.join(__dirname, './src/page/*/*.js'),
path.join(__dirname, './src/page/*/*/*.js')
])
}),
html代码
<nav class="navbar navbar-expand-sm navbar-dark ">
<a class="navbar-brand" href="#">
<img src="../image/LOGO.png" class="d-inline-block align-top" alt="logo">
慕课网
</a>
</nav>
加载的bootstrap样式(未使用purifycss之前)
.navbar-dark .navbar-brand {
color: #fff;
}
使用purifycss之后,引入的bootstrap的css文件精简了很多,但是有少量样式没有了。比如:上面的这句样式就没了,不知道什么原因,该怎样解决?
写回答
1回答
-
Rosen
2019-06-18
你这个插件应该是会删除掉没有使用的css规则,但它应该是按着某些html文件去分析的。我们课程里有的html在.string模板里不会被识别,所以有可能会误删一些样式。去这个插件的官方文档上找一找有没有解决方法吧
012019-06-18
相似问题