![](/img/trans.png)
[英]Prevent Webpack SplitChunksPlugin from generating CSS files
[英]How to prevent Webpack from generating .js files?
我正在嘗試使用Webpack迭代幾個scss
文件並scss
創建css
文件。 該程序正在運行並生成文件,但是它Multiple assets emit to the same filename name.css
錯誤拋出Multiple assets emit to the same filename name.css
。
我相信這是因為MiniCssExtractPlugin
與Webpack的output
沖突。 有什么想法該禁用它嗎? 或者至少阻止js
文件的生成?
當前的webpack.config.js:
const path = require('path');
const fs = require('fs');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const setEntryPoints = (themes = {}) => {
fs.readdirSync(path.join(__dirname, 'src')).forEach(file => {
themes[file.slice(0, -5)] = path.join(__dirname, 'src', file)
})
return themes
}
const themes = setEntryPoints();
module.exports = {
mode: "development",
entry: themes,
output: {
filename: '[name].css',
path: path.join(__dirname, 'dist')
},
module: {
// Add loader
rules: [{
test: /\.(scss)$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader', 'sass-loader'
]
}]
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css",
})
],
};
像這樣做。 可能正常工作
entry: {
app: [
path.resolve(__dirname, 'src/pug/app.pug'),
path.resolve(__dirname, 'src/js/app.js'),
path.resolve(__dirname, 'src/scss/app.scss')
]
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'js/[name].js'
},
您可以對提取文本插件中的文件名執行與output.filename相同的操作:
const extractHtml = new ExtractTextPlugin({
filename: 'html/[name].html'
});
const extractScss = new ExtractTextPlugin({
filename: 'css/[name].[contenthash].css',
allChunks: true
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.