如图：vue 项目 在 webpack 打包后的 index.html ，里面会出现很多 得 link 标签， 将你的所有打包好的文件都 预加载进来

但是你并不需要，需要通过 配置 webpack 来将其去掉

  <link href=css/chunk-02316de6.d6a34d41.css rel=prefetch>
  <link href=css/chunk-17d12024.49e9beee.css rel=prefetch>
  <link href=css/chunk-1a459fbc.bbcdb57b.css rel=prefetch>
  <link href=css/chunk-36294693.ec54126e.css rel=prefetch>
  <link href=css/chunk-41627eb8.db790792.css rel=prefetch>
  <link href=css/chunk-50597cab.6ed8d563.css rel=prefetch>
  <link href=css/chunk-5570b920.dba56c40.css rel=prefetch>
  <link href=css/chunk-68a047cb.98d9913d.css rel=prefetch>
  <link href=css/chunk-6e311e88.a4d37475.css rel=prefetch>
  <link href=css/chunk-994d64b4.1b78acae.css rel=prefetch>
  <link href=css/chunk-9a3846e6.237d6d9f.css rel=prefetch>
  <link href=css/chunk-aadde01a.78263062.css rel=prefetch>
  <link href=css/chunk-cdfd6c6c.ea569cd5.css rel=prefetch>
  <link href=js/chunk-02316de6.1a99e2fb.js rel=prefetch>
  <link href=js/chunk-17d12024.68fb7a74.js rel=prefetch>
  <link href=js/chunk-1a459fbc.dbb6c6c1.js rel=prefetch>
  <link href=js/chunk-36294693.379104b9.js rel=prefetch>
  <link href=js/chunk-41627eb8.ddfc42b0.js rel=prefetch>
  <link href=js/chunk-50597cab.1e207f1b.js rel=prefetch>
  <link href=js/chunk-5570b920.8bca4266.js rel=prefetch>
  <link href=js/chunk-6142f9b6.4c19a6cf.js rel=prefetch>
  <link href=js/chunk-68a047cb.43c9f023.js rel=prefetch>
  <link href=js/chunk-6e311e88.d52693c2.js rel=prefetch>
  <link href=js/chunk-7301aba0.bf9e475d.js rel=prefetch>
  <link href=js/chunk-994d64b4.3d192af0.js rel=prefetch>
  <link href=js/chunk-9a3846e6.954284ba.js rel=prefetch>
  <link href=js/chunk-aadde01a.df6f4439.js rel=prefetch>
  <link href=js/chunk-cdfd6c6c.25e21cb5.js rel=prefetch>
  <link href=css/app.b2839875.css rel=preload as=style>
  <link href=css/chunk-vendors.779f7d1d.css rel=preload as=style>
  <link href=js/app.1a2f81ff.js rel=preload as=script>
  <link href=js/chunk-vendors.3a58506f.js rel=preload as=script>
  <link href=css/chunk-vendors.779f7d1d.css rel=stylesheet>
  <link href=css/app.b2839875.css rel=stylesheet>

这是因为，在webpack打包的时候，webpack内置的行为，可以通过配置webpack去掉这一行为

配置如下：

module.exports = {
   configureWebpack: {
        resolve: {
            alias: {
                '@': resolve('src')
            }
        }
    },
    chainWebpack(config) {
        config.plugins.delete('preload') 
        config.plugins.delete('prefetch')  
    }
}

重新打包即可

# webpack
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue