我使用 webpack 運(yùn)行我的 Three.js 應(yīng)用程序，在 webpack.config 文件中具有以下配置：module.exports = {  entry: `${__dirname}/src/tut15.js`,  output: {    path: __dirname + '/dist',    filename: 'index_bundle.js'  },  devtool: 'inline-source-map',  devServer: {    contentBase: path.join(__dirname, 'dist'),    compress: true,    port: 9000  },  plugins: [    new HtmlWebpackPlugin()  ]}包.json  "scripts": {    "start": "webpack-dev-server --open",    "build": "webpack --config webpack.config.babel.js",    "test": "echo \"Error: no test specified\" && exit 1"  },使用HtmlWebpackPlugin它會(huì)為我自動(dòng)生成 html。但是因?yàn)槲蚁雱?chuàng)建一個(gè)帶有一些新標(biāo)簽的自定義 html 索引文件，所以這對(duì)我不起作用。所以我建立了這個(gè)項(xiàng)目npm run-script build并使用我應(yīng)用的編輯手動(dòng)運(yùn)行 dist 文件夾中的 index.html，一切正常。如果我從 webpack.config 中刪除 HtmlWebpackPlugin 并再次構(gòu)建項(xiàng)目然后運(yùn)行：npm startlivereload 適用于我的 js 文件以及我在 distfolder 中帶有自定義標(biāo)簽的新 index.html。問(wèn)題：在 dist 文件夾中創(chuàng)建更改感覺(jué)不正確。如何直接從源代碼生成 index.html？我想這可能會(huì)解決我能夠使用自定義 index.html 運(yùn)行開(kāi)發(fā)服務(wù)器的所有問(wèn)題或者是否也可以為構(gòu)建獲得一些 livereload？在我構(gòu)建項(xiàng)目后，它會(huì)在我的 distfolder 中生成 index.html 和 index.bundle。如果我刪除 index.bundle，該項(xiàng)目仍然有效。index.bundle 究竟做了什么？什么是最好的方法，或者每次我在索引文件中進(jìn)行更新時(shí)都需要構(gòu)建我的項(xiàng)目？謝謝！