我正在尝试使用webpack 4编译.scss
文件,然后使用将它们解压缩到一个单独的文件中mini-css-extract-plugin
。
我的webpack配置的相关部分包括:
entry: {
'styles': './sass/styles.scss',
...
},
module: {
rules: [
{
test: /\.scss$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
'sass-loader'
]
},
...
},
plugins: [
new MiniCssExtractPlugin({
filename: 'css/[name].css',
chunkFilename: "[id].css"
}),
...
],
output: {
filename: 'js/[name].bundle.js',
}
我既看到css/styles.css
又 js/styles.bundle.js
发出。有什么办法压抑js/styles.bundle.js
?我已经尝试suppress-chunks-webpack-plugin
过运气不好(既不发出.css也不发出.js)
您可以使用Webpack无关文件清理插件
使用npm或yarn安装
npm install webpack-extraneous-file-cleanup-plugin --save-dev
yarn add webpack-extraneous-file-cleanup-plugin --dev
在您的webpack.config.js
文件中:
const ExtraneousFileCleanupPlugin = require('webpack-extraneous-file-cleanup-plugin');
module.exports = {
...
plugins: [
new ExtraneousFileCleanupPlugin({
extensions: ['.js']
})
]
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句