webpackでSassを扱う
準備
$ npm i -D webpack webpack-cli
$ npm i -D css-loader style-loader
$ npm i -D sass sass-loader
code:webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.(sa|sc|c)ss$/,
use: [
"style-loader",
{
loader: "css-loader",
options: {
url: false,
}
},
"sass-loader"
]
}
]
}
};
use配列内で指定したloaderが後ろから順番に適用される
ref
see also