没有预取文件与预加载-webpack-插件

Question

我有一个关于预取和预加载的问题。

1. 我有vue应用程序，在构建之后，我在dist/index.html中接收双加载文件。你可以在下面看到。
2. 此外，“脚本”不是预加载/预取的。我不知道为什么。我安装了一个插件。

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')
                }
            }
        }
    }
}

Answer 1

我有vue应用程序，在构建之后，我在dist/index.html中接收双加载文件。

Vue CLI已经注入了自己的预加载插件，因此您的插件复制了预加载/预取。只需删除您的，以解决重复。

您应该坚持Vue CLI已经提供的方法，因为它已经被修改为使用Vue CLI工具链。如果您出于某种原因选择使用自己的插件，可以通过以下方式删除内置插件：

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.plugins.delete('preload')
    config.plugins.delete('prefetch')
  }
}