Webpack从入门到出门(10)

(如转载,请注明出处)

我们在使用bootstrap.css时,有很多样式代码都没有用到,这些没用到的代码依然会被打包进来,如何去除这些无用的代码呢? 接下来我们会用到purifycss-webpack;

安装purifycss-webpack

npm i -D purifycss-webpack purify-css

然后在webpack.config.js中添加:

const glob = require('glob');

const PurifyCSSPlugin = require('purifycss-webpack');

在plugins中添加:

注意,一定要放在ExtractTextPlugin后面

new PurifyCSSPlugin({

        paths: glob.sync(path.join(__dirname, 'src/*html'))

    })

未完续不续???

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,721评论 7 110
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,253评论 7 35
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,253评论 0 21
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 3,193评论 2 16
  • 以前一直想写一本书,不知道为什么,或许想把我自己幻想的东西写到梦到,但是每次都没写下去,这次我再试试写个言情小说,哈哈
    无谓回忆阅读 137评论 0 1