处理CSS
webpack不仅可以处理js,还能通过loader
引入任何其他类型的文件
css-loader和style-loader
css-loader主要是解释@import 和 url(),能将多个css合并成一个css
style-loader作用是将css插入到html中的head标签里面
这两者通常结合使用
为什么要拆成两个loader呢?
因为loader的原则是功能单一
配置
css-loader'
]
}
]
}
}
注意:
- loader的加载顺序是有先后的,
- 如果加载多个loader时,要放到数组里
- loader的执行顺序是从后到前的
处理less
先安装
在rules中添加规则
css
]
},]
}
}
注意loader加载是从后到前的,所以less-loader应该放在最后面,先将less转换为css,再交给其他处理器处理
其他预处理语言同理