Question

我正在尝试优化我的应用。我看到了加载多于一个大文件的改进。带有块的长期缓存。但是现在，webpack用哈希名称（用于缓存）创建了大量文件，而我真的不明白如何将它们包含在我的应用程序中（symfony树枝模板）。

之前，当我运行webpack时，它创建了一个文件“ redemptionClient.js”，基本上已经包含了<script src="/build/redemptionClient.js" />。容易做到。

但是现在，webpack创建如下所示的内容： code

这是我的webpack配置的一部分：

output: {
  publicPath: '/build/front/',
  path: `${__dirname}/web/build/front/`,
  filename: '[name].[hash].js',
  chunkFilename: '[name].[chunkhash].js',
},
...
optimization: {
  splitChunks: {
    chunks: 'all',
    maxInitialRequests: Infinity,
    minSize: 0,
    cacheGroups: {
      vendor: {
        test: /[\\/]node_modules[\\/]/,
        name(module) {
          const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
          return `npm.${packageName}`;
        },
      },
    },
  },
  runtimeChunk: 'single',
},

我读了一些东西，终于找到了一些处理方法： -具有content_scripts的manifest.json，但我不确定，因为它应该描述页面的完整显示，并且我只想加载一些文件。 -webpack-manifest-plugin或assets-webpack-plugin。看来它将创建一个json文件，其中包含我需要作为入口点的所有js脚本的名称。

我不知道这是否是做我想要的（我想我想要的）的好方法。有没有更简单/更好的方法？这样，我必须包含清单并在数组上执行循环以加载每个脚本？它不是真的可重用...

感谢您的所有创意！

如何包含Webpack散列的块

0 个答案: