webpack系列笔记（5）性能优化

移动端css px自动转换成rem:

px2rem-loader:

{ 

loader: 'px2rem-loader', 

options: { 

remUnit: 75, 

// 1个rem是多少px, 一般以750设计稿，

vw/10是75 remPrecision: 8 

// rem计算保留8个小数点 

} }

 

静态资源内联：

css内联：

方法一：借助style-loader:

{ loader: 'style-loader', options: { insert: 'top',

// 样式插入到

injectType: 'singletonStyleTag',

// 将所有的style标签合并成一个 } } }

 

方法二：html-inline-css-webpack-plugin:

将 =>