操纵Webpack中（第一个）块的名称？

2024-05-03 • 问答

这可能是一个古怪的问题，但这背后的故事是：

我们想在wordpress项目中拆分代码-就我目前的知识而言，您必须专门将JS文件导入wordpress-这就是为什么初始文件应具有静态名称的原因

plugin.php

...
plugins_url('dist/index.js',__FILE__ ),...

具有如下所示的webpack配置：

webpack.config.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'
    }
},...

它应该可以完成工作，但是是否也可以仅向以下拆分块添加哈希？

具有如下配置：

webpack.config.js

entry: {
    index: ["@babel/polyfill",output: {
    filename: '[name].[chunkhash].js',// ONLY LINE CHANGED
    path: path.resolve( __dirname,

所有文件都获取哈希值

有什么建议吗？：/

感谢您的帮助：）

sdqzangel 回答：操纵Webpack中（第一个）块的名称？

如果要修改非输入块的名称，可以改用output.chunkFilename。

最终，您可以提供一个output.filename函数并实现所需的任何逻辑。

来自文档

module.exports = {
  //...
  output: {
    filename: (chunkData) => {
      return chunkData.chunk.name === 'main' ? '[name].js': '[name]/[name].js';
    },}
};

javascript webpack wordpress

本文链接：https://www.f2er.com/3160798.html

操纵Webpack中（第一个）块的名称？

sdqzangel 回答：操纵Webpack中（第一个）块的名称？

大家都在问