无法弄清楚如何使用assets-webpack-plugin注入资产

时间:2017-01-12 20:44:05

标签: caching webpack assets-webpack-plugin

显然我在这里遗漏了一些东西,我正在尝试使用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}

显然我在这里遗漏了一些文件,我猜,假设我已经知道或者我完全错过了这个球。

0 个答案:

没有答案