Javascript 操纵网页包中(第一个)块的名称?
这可能是一个奇怪的问题,但背后的故事是: 我们希望在wordpress项目中拆分代码-根据我目前的知识,您必须明确地将JS文件导入wordpress-这就是为什么初始文件应该具有静态名称的原因 plugin.php 使用这样的网页包配置: webpack.config.js 它应该可以完成这项工作,但是否也可以只向以下拆分块添加哈希 使用如下配置: webpack.config.js 所有文件都会得到散列 有什么建议吗/Javascript 操纵网页包中(第一个)块的名称?,javascript,wordpress,webpack,Javascript,Wordpress,Webpack,这可能是一个奇怪的问题,但背后的故事是: 我们希望在wordpress项目中拆分代码-根据我目前的知识,您必须明确地将JS文件导入wordpress-这就是为什么初始文件应该具有静态名称的原因 plugin.php 使用这样的网页包配置: webpack.config.js 它应该可以完成这项工作,但是否也可以只向以下拆分块添加哈希 使用如下配置: webpack.config.js 所有文件都会得到散列 有什么建议吗/ 谢谢您的帮助:)如果您想修改非条目块的名称,您可以改为使用 最终,您可以提
谢谢您的帮助:)如果您想修改非条目块的名称,您可以改为使用 最终,您可以提供一个函数作为
输出.filename
,并实现所需的任何逻辑
来自文档
module.exports = {
//...
output: {
filename: (chunkData) => {
return chunkData.chunk.name === 'main' ? '[name].js': '[name]/[name].js';
},
}
};
@没有问题:)
...
entry: {
index: ["@babel/polyfill", path.join( __dirname, 'src/index.tsx' )],
},
output: {
filename: '[name].js',
path: path.resolve( __dirname, 'dist' ),
publicPath: '/'
},
optimization: {
splitChunks: {
chunks: 'all'
}
},
...
entry: {
index: ["@babel/polyfill", path.join( __dirname, 'src/index.tsx' )],
},
output: {
filename: '[name].[chunkhash].js', // ONLY LINE CHANGED
path: path.resolve( __dirname, 'dist' ),
publicPath: '/'
},
optimization: {
splitChunks: {
chunks: 'all'
}
},
module.exports = {
//...
output: {
filename: (chunkData) => {
return chunkData.chunk.name === 'main' ? '[name].js': '[name]/[name].js';
},
}
};