在Webpack的配置文件中,使用less-loader来加载LESS文件,并使用postcss-loader和autoprefixer来自动添加CSS前缀。
示例代码:
// webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.less$/,
use: [
'style-loader',
'css-loader',
{
loader: 'postcss-loader',
options: {
plugins: () => [
require('autoprefixer')()
]
}
},
'less-loader'
]
}
]
}
};
这段代码使用了style-loader和css-loader来将LESS文件转换成CSS格式,并使用postcss-loader和autoprefixer来自动添加CSS前缀。最后使用less-loader来将LESS文件编译为CSS文件。