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 个值?

Eclipse C++ 问题:没有二进制文件(但没有编译器错误),没有类(但在类层次结构中没有条目)