Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 操纵网页包中(第一个)块的名称?_Javascript_Wordpress_Webpack - Fatal编程技术网

Javascript 操纵网页包中(第一个)块的名称?

Javascript 操纵网页包中(第一个)块的名称?,javascript,wordpress,webpack,Javascript,Wordpress,Webpack,这可能是一个奇怪的问题,但背后的故事是: 我们希望在wordpress项目中拆分代码-根据我目前的知识,您必须明确地将JS文件导入wordpress-这就是为什么初始文件应该具有静态名称的原因 plugin.php 使用这样的网页包配置: webpack.config.js 它应该可以完成这项工作,但是否也可以只向以下拆分块添加哈希 使用如下配置: webpack.config.js 所有文件都会得到散列 有什么建议吗/ 谢谢您的帮助:)如果您想修改非条目块的名称,您可以改为使用 最终,您可以提

这可能是一个奇怪的问题,但背后的故事是:

我们希望在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';
    },
  }
};