我有一个与预取和预加载有关的问题。
而且,“脚本”没有被预加载/预取。我不知道为什么。我安装了一个插件。
<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')
}
}
}
}
}
我有vue应用程序,构建后我在dist / index.html中接收到双重加载的文件。
Vue CLI已经注入了自己的preload插件,因此您的插件正在复制preload / prefetch。只需删除您的文件即可解决重复问题。
您应该坚持使用Vue CLI已经提供的工具,因为它已经过修改,可以与Vue CLI工具链一起使用。如果出于某些原因更喜欢使用自己的插件,则可以通过以下方式删除内置插件:
// vue.config.js
module.exports = {
chainWebpack: config => {
config.plugins.delete('preload')
config.plugins.delete('prefetch')
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句