preload-webpack-plugin 没有预取文件
Posted
技术标签:
【中文标题】preload-webpack-plugin 没有预取文件【英文标题】:No prefetched files with preload-webpack-plugin 【发布时间】:2020-06-03 00:38:44 【问题描述】:我有一个关于预取和预加载的问题。
-
我有 vue 应用程序,构建后我在 dist/index.html 中收到双重加载的文件。你可以在下面看到它。
此外,“脚本”没有预加载/预取。我不知道为什么。我安装了一个插件。
<head>
<title></title>
<link href=/app.128b43f14088f83cb6c0.js rel=preload as=script>
<link href=/chunk-vendors.128b43f14088f83cb6c0.js rel=preload as=script>
<div id=app></div>
<script src=/chunk-vendors.128b43f14088f83cb6c0.js></script>
<script src=/app.128b43f14088f83cb6c0.js></script>
vue.config.js
modules.export =
configureWebpack: () =>
return
devtool: 'source-map',
output:
filename: '[name].[hash].js',
chunkFilename: '[name].[hash].js'
,
plugins: [
new PreloadWebpackPlugin(),
new CleanWebpackPlugin()
],
resolve:
alias:
styles: path.join(__dirname, 'src/assets')
【问题讨论】:
【参考方案1】:我有 vue 应用程序,构建后我在 dist/index.html 中收到双重加载的文件。
Vue CLI 已经注入了自己的preload plugin,因此您的插件正在复制预加载/预取。只需删除您的即可解决重复问题。
您应该坚持使用 Vue CLI 已经提供的那个,因为它经过修改可以与 Vue CLI 工具链一起使用。如果您出于某种原因更喜欢使用自己的插件,可以使用以下方法删除内置插件:
// vue.config.js
module.exports =
chainWebpack: config =>
config.plugins.delete('preload')
config.plugins.delete('prefetch')
【讨论】:
如何设置特定文件预加载而不是预取?我有一些块 foo.ffgrg43423vf.css 是预取的。我想保留所有内容,而不是应该预加载的这个文件 @Sheppard26 我建议将其作为一个新问题提出,以便熟悉该主题的人提供可能对您有帮助的答案。以上是关于preload-webpack-plugin 没有预取文件的主要内容,如果未能解决你的问题,请参考以下文章
html Urusniaga报价模板没有名字,没有电子邮件,没有电话,没有传真。
linux下tomcat启动没有日志,没有进程,没有报错,没有监听端口
为啥 HKSample 数组对于一个没有限制、没有谓词、没有锚点的 HKAnchoredObjectQuery 总是有 1 个值?
为啥 HKSample 数组对于一个没有限制、没有谓词、没有锚点的 HKAnchoredObjectQuery 总是有 1 个值?