webpack解析css, less，scss

本文主要是介绍webpack解析css, less，scss，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

注意：安装之前，先保证webpack项目能正常运行！

 

1.安装依赖

npm install style-loader css-loader -D

npm install less less-loader -D

 

2.配置，在 webpack.json.js 下，新增规则：

module.exports = {// ...module:{rules:[// ...// 新增css加载规则{test: /.css$/,use: ['style-loader','css-loader']},// less的解释其实就是在css解析的基础上加上 less-loader 即可！{test: /.less$/,use: ['style-loader','css-loader','less-loader']}]}
}

 

这篇关于webpack解析css, less，scss的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---