如何将sass和scss与Web包混合?
作为标题 我想使用的一些库(例如:如何将sass和scss与Web包混合?,css,reactjs,webpack,sass,webpack-style-loader,Css,Reactjs,Webpack,Sass,Webpack Style Loader,作为标题 我想使用的一些库(例如:font-awesome)使用scss,而我更喜欢使用sass 如何使用webpack配置我的项目 我的当前设置 ... rules: [ ... { test: /\.(c|sa|sc)ss$/, use: [ 'style-loader', 'css-loader', 'scss-loader', 'sass-loader' ] } ] ... 提前感谢您您可以使用重新布线
font-awesome
)使用scss
,而我更喜欢使用sass
如何使用webpack
配置我的项目
我的当前设置
...
rules: [
...
{
test: /\.(c|sa|sc)ss$/,
use: [
'style-loader',
'css-loader',
'scss-loader',
'sass-loader'
]
}
]
...
提前感谢您您可以使用重新布线的
react应用程序
。你可以模仿我在这件事上所做的
或者,如果您想直接更改webpack.config.js文件,则:
npm install style-loader css-loader --save-dev
然后在webpack.config.js中,在规则数组中添加以下对象,如下所示
// webpack.config.js
module.exports = {
...
module: {
rules: [{
test: /\.scss$/,
use: [
"style-loader", // creates style nodes from JS strings
"css-loader", // translates CSS into CommonJS
"sass-loader" // compiles Sass to CSS
]
}]
}
};