显然我在这里遗漏了一些东西,我正在尝试使用assets-webpack-plugin
阻止缓存,但我似乎无法理解他们的文档这就是我所做的:
我的配置
...
import assetPlugin from 'assets-webpack-plugin';
...
...
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.[hash].js'
},
...
plugins: [
new assetPlugin(),
...
在我的root中成功生成一个名为webpack-assets.json
的文件,其中包含:
{"main":{"js":"/bundle.dbe7d464b6bdec429d82.js"}}
在他们的documentation中,他们提供的关于如何在HTML模板中生成任何内容的唯一示例如下所示:
new AssetsPlugin({includeManifest: 'manifest'})
// assets.json:
// {entries: {manifest: {js: `hashed_manifest.js`, text: 'function(modules)...'}}}
//
// Your html template:
// <script>
// {assets.entries.manifest.text}
// </script>
我的意思是,使用我生成的文件:{webpack-assets.main.js}
所以我在HTML模板中添加它:
...
<body>
<div id="app" ></div>
{webpack-assets.main.js}
...
我甚至尝试过注释:
...
// {webpack-assets.main.js}
...
curly括号不会被任何内容替换,因此HTML页面看起来就像。
{webpack-assets.main.js}
显然我在这里遗漏了一些文件,我猜,假设我已经知道或者我完全错过了这个球。