Question

我正在使用webpack来构建我的反应应用程序。我只是想知道是否有生成html的方法，脚本选项卡的文件名如版本号

我试图探索HtmlWebpackPlugin但却一无所获。任何人都可以给我一个方向，是否有可用于执行此操作的插件，或者我必须编写自己的脚本。

由于

Answer 1

在输出文件的名称中使用[hash]。在此处查看更多详细信息https://webpack.js.org/guides/caching/

p.s就我在项目中遇到的情况而言，index.html应该有正确的文件名

Answer 2

实现 @Manis answer 我想提供有关此解决方案的更完整说明。

可以通过output.filename substitutions设置来实现。

{
    entry: ['./your/entry.js'],
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].[contenthash].bundle.js', // Line of interest
        publicPath: '/'
    },
    /* ... */
}

[contenthash]替换将基于资产的内容添加唯一的哈希。资产内容更改时，[contenthash]也将更改。

更多选项和示例 here 。

Answer 3

如果这里的问题是如何使用您的 package.json 中的版本，我遇到了同样的问题并通过以下方式解决了：

将此添加到您的 webpack.config.js

var PACKAGE = require('./package.json');
var version = PACKAGE.version;

然后您可以将版本附加到您的文件中：

  output: {
    ...
    filename: `myLibrary-${version}.js`
    ...
  }

输出文件中的Webpack和版本号

3 个答案: