文章介绍了如何通过npm安装和配置Webpack来处理Less文件，包括安装less、less-loader和css-loader。同时，文章还讨论了Postcss的作用，用于增强CSS的浏览器兼容性，安装postcss、postcss-loader和postcss-preset-env插件，并在Webpack配置中设定。通过这些步骤，开发者可以确保CSS代码在不同浏览器中的顺畅运行。
一、less
1、安装
npm install -D less less-loader css-loader style-loader
2、webpack.config.js中配置
module：[{
// 设置对less文件的处理
test:/*.less$/,
use:[
'css-loader', //3
'style-loader', //2
'less-loader' // 1
]
}]
3、引入less文件
import './xxx,less'
二、postcss——让css兼容性更好的插件，类似加各种前缀 --webkit--
1、安装
npm install -D postcss postcss-loader postcss-preset-env
2、webpack.config.js中配置
扫一扫
7115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
