Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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
Webpack 输出文件中的网页包和版本号_Webpack_Html Webpack Plugin - Fatal编程技术网

Webpack 输出文件中的网页包和版本号

Webpack 输出文件中的网页包和版本号,webpack,html-webpack-plugin,Webpack,Html Webpack Plugin,我正在使用webpack构建我的react应用程序。我只是想知道有没有一种方法可以生成html,比如在文件名中有一个带有版本号的脚本选项卡 我试图探索HtmlWebpackPlugin,但什么也没找到。谁能给我一个方向,是否有一个插件可以做到这一点,或者我必须写自己的脚本 谢谢在输出文件的名称中使用[hash]。更多细节 注意:就我在项目中的经验而言,你的index.html应该有正确的文件名 我想提供有关此解决方案的更完整说明 它可以通过设置来实现 { 条目:['./your/entry.j

我正在使用webpack构建我的react应用程序。我只是想知道有没有一种方法可以生成html,比如在文件名中有一个带有版本号的脚本选项卡

我试图探索HtmlWebpackPlugin,但什么也没找到。谁能给我一个方向,是否有一个插件可以做到这一点,或者我必须写自己的脚本


谢谢

在输出文件的名称中使用
[hash]
。更多细节

注意:就我在项目中的经验而言,你的
index.html
应该有正确的文件名

我想提供有关此解决方案的更完整说明

它可以通过设置来实现

{
条目:['./your/entry.js'],
输出:{
path:path.resolve(uu dirname,'dist'),
文件名:'[name].[contenthash].bundle.js',//兴趣行
公共路径:'/'
},
/* ... */
}
[contenthash]
替换将根据资产的内容添加唯一的哈希。当资产的内容更改时,
[contenthash]
也会更改


更多选项和示例

如果这里的问题是如何使用
包.json中的版本,我遇到了同样的问题,并通过以下方法解决了它:

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

var PACKAGE = require('./package.json');
var version = PACKAGE.version;
然后,您可以将版本附加到文件:

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