Javascript 如何全局设置导入()的WebPackageChunkName?
自Webpack@3.0.0我们有一个强大的功能,可以启用命名块文件:Javascript 如何全局设置导入()的WebPackageChunkName?,javascript,webpack,webpack-3,Javascript,Webpack,Webpack 3,自Webpack@3.0.0我们有一个强大的功能,可以启用命名块文件: import( /* webpackChunkName: "my-chunk-name" */ /* webpackMode: "lazy-once" */ 'module' ); 然而,我现在有40个这样的进口产品,每一个都要更换是一件麻烦事 有没有办法为所有块全局定义webpackChunkName和webpackMode 我在webpack.config.js中想象这样的情景: output: {
import(
/* webpackChunkName: "my-chunk-name" */
/* webpackMode: "lazy-once" */
'module'
);
然而,我现在有40个这样的进口产品,每一个都要更换是一件麻烦事
有没有办法为所有块全局定义webpackChunkName
和webpackMode
我在webpack.config.js
中想象这样的情景:
output: {
filename: 'js/[name].js',
chunkFilename: 'js/[filename].js' // so that import('module') creates module.js
chunkMode: 'lazy-once' // so I can override default `lazy` option once and for all
}
我只是发表评论,因为我不确定答案,但如果我没记错的话,
chunkFilename
是命名块的通用方法。如果您想覆盖它,请使用新的魔术注释webpackChunkName
我可以看看您的完整答案吗:)@EmatipicoIt不适用于chunkFilename
,此选项仅接受:[name]
、[id]
和[chunkhash]
占位符,[name]
取自输出包文件名,而不是导入的模块文件名。覆盖它的唯一方法是像我在第一个代码段中所做的那样,通过神奇的注释,但不幸的是,这必须对每个导入的模块分别进行。