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
Caching Can';我不知道如何使用assets webpack插件注入资产_Caching_Webpack_Assets Webpack Plugin - Fatal编程技术网

Caching Can';我不知道如何使用assets webpack插件注入资产

Caching Can';我不知道如何使用assets webpack插件注入资产,caching,webpack,assets-webpack-plugin,Caching,Webpack,Assets Webpack Plugin,显然,我在这里遗漏了一些东西,我试图阻止使用assets-webpack-plugin进行缓存,但我似乎在理解他们的文档时遇到了困难。我所做的是: // {webpack-assets.main.js} ... 我的配置 ... import assetPlugin from 'assets-webpack-plugin'; ... ... output: { path: __dirname + '/dist', publicPath: '/',

显然,我在这里遗漏了一些东西,我试图阻止使用
assets-webpack-plugin
进行缓存,但我似乎在理解他们的文档时遇到了困难。我所做的是:

  // {webpack-assets.main.js}
 ...
我的配置

...
import assetPlugin from 'assets-webpack-plugin';
...

...
output: {
        path: __dirname + '/dist',
        publicPath: '/',
        filename: 'bundle.[hash].js'
    },
...

    plugins: [
        new assetPlugin(),
...
  // {webpack-assets.main.js}
 ...
在我的根目录中成功生成一个名为
webpack assets.json
的文件,其中包含:

{"main":{"js":"/bundle.dbe7d464b6bdec429d82.js"}}
  // {webpack-assets.main.js}
 ...
在他们的示例中,他们给出的关于如何在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}
 ...
我甚至试着用评论的方式:

  // {webpack-assets.main.js}
 ...
。。。

  // {webpack-assets.main.js}
 ...
花括号不会被替换为任何内容,因此HTML页面看起来就像

  // {webpack-assets.main.js}
 ...
{webpack-assets.main.js}
很明显,我在这里遗漏了一些东西,我猜,文档中假设我已经知道了,或者我完全错过了这个问题

  // {webpack-assets.main.js}
 ...