react-router 中怎么引入sass文件
发布网友
发布时间：2022-04-22 11:58
共1个回答
热心网友
时间：2022-05-13 21:15
npm install sass-loader node-sass --save-dev
【注】 以下配置中需要用到的模块，请自行安装
extract-text-webpack-plugin
postcss-loader
precss
autoprefixer
然后在webpack.config.js文件做以下配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//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];
}
}
