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}
...