使用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模板里不会被识别,所以有可能会误删一些样式。去这个插件的官方文档上找一找有没有解决方法吧

0
1
兮儿1993
我把引入的min.css换成了css,就好了
2019-06-18
共1条回复

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4262 学习 · 4113 问题

查看课程