zoukankan      html  css  js  c++  java
  • webpack 使用 purify-css purifycss-webpack 清除无用css

    webpack2.x开始⽀持 tree shaking概念,顾名思义,"摇树",清除⽆⽤ css,js(Dead Code)
    Dead Code ⼀般具有以下⼏个特征

    • 代码不会被执⾏,不可到达
    • 代码执⾏的结果不会被⽤到
    • 代码只会影响死变量(只写不读)
    • Js tree shaking只⽀持ES module的引⼊⽅式
    npm i glob-all purify-css purifycss-webpack --save-dev
    
    // webpack 配置
    const PurifyCSS = require('purifycss-webpack')
    const glob = require('glob-all')
    plugins:[
     // 清除⽆⽤ css
     new PurifyCSS({
         paths: glob.sync([
             // 要做 CSS Tree Shaking 的路径⽂件
             path.resolve(__dirname, './src/*.html'), // 请注意,我们同样需要对 html ⽂件进⾏ tree shaking
             path.resolve(__dirname, './src/*.js')
         ])
     })
    ]
    
  • 相关阅读:
    总结随笔
    Beta冲刺第七天
    Beta冲刺第六天
    Beta冲刺第五天
    Beta冲刺第四天
    Beta冲刺第三天
    POJ 2240 Arbitrage
    POJ 3660 Cow Contest
    POJ 1797 Heavy Transportation
    LightOJ 1123 Trail Maintenance
  • 原文地址:https://www.cnblogs.com/wangyong1997/p/14360983.html
Copyright © 2011-2022 走看看