gpt4 book ai didi

Webpack:ExtractTextPlugin:当有多个CSS入口点时不生成单独的空JS文件?

转载 作者:行者123 更新时间:2023-12-02 11:47:11 24 4
gpt4 key购买 nike

我有几个 CSS 入口点:

entry: {
...
styles: [
...
],
fonts: [
...
]
},

我使用 ExtractTextPlugin 单独捆绑 CSS:

  new ExtractTextPlugin({
filename: `[name].bundle.css`
}),

就像输出一样,我有2个CSS文件:styles.cssfonts.css,这是正确的,但也是空的styles.jsfonts.js。有没有办法不生成空的JS文件?

最佳答案

我整理了一个webpack plugin根据最终输出大小删除额外的文件,因为我遇到了同样的问题 - 考虑到这些文件往往非常小,这似乎只是检查它们有多大并删除小的无用文件的情况。

使用npmyarn安装

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']
})
]
}

您可以在Webpack Extraneous File Cleanup Plugin Github Page上查看完整的选项列表。

关于Webpack:ExtractTextPlugin:当有多个CSS入口点时不生成单独的空JS文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42691482/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com