webpack 用什么loader 解析scss
发布网友
发布时间:2022-04-01 01:34
我来回答
共1个回答
热心网友
时间:2022-04-01 03:04
处理scss文件需要 sass-loader
npm install sass-loader node-sass --save-dev【注】 以下配置中需要用到的模块,请自行安装extract-text-webpack-pluginpostcss-loaderprecssautoprefixer然后在webpack.config.js文件做以下配置<pre t="code" l="js">//css文件提取器需要的插件
var ExtractTextPlugin=require('extract-text-webpack-plugin');
//postcss-loader 需要的配置项
var precss = require('precss');
var autoprefixer = require('autoprefixer');
mole.exports = {
mole: {
loaders: [
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract('style','css!postcss-loader','sass')}
]
},
postcss: function () {
return [precss, autoprefixer];
}
}