我将web pack与sass loader一起使用,如下所示:
module.exports = {
module: {
loaders: [
{
test: /\.scss$/,
loader: "style!css!sass"
}
]
}
};
但是我看到样式应用于样式标签,生成css文件在哪里?
我将web pack与sass loader一起使用,如下所示:
module.exports = {
module: {
loaders: [
{
test: /\.scss$/,
loader: "style!css!sass"
}
]
}
};
但是我看到样式应用于样式标签,生成css文件在哪里?
默认情况下,样式加载器会将编译后的css内联到您的包中,并使用输出文件(例如bundle.js
)将其添加到页面的头部.使用extract-text-webpack-plugin可以从包中删除已编译的css,并将其导出到单独的文件中.
首先-将加载程序包装到插件中:
loaders: [{
test: /\.scss$/,
loader: ExtractTextPlugin.extract(
"style",
"css!sass")
}]
},
然后告诉插件如何调用它生成的文件:
plugins: [
new ExtractTextPlugin("app.css")
]
通常在HTML中包含此文件.