当前位置: 首页 > 面试题库 >

如何解决vue打包vendor过大的问题?

章城
2023-03-14
本文向大家介绍如何解决vue打包vendor过大的问题?相关面试题,主要包含被问及如何解决vue打包vendor过大的问题?时的应答技巧和注意事项,需要的朋友参考一下

1、在webpack.base.conf.js新增externals配置,表示不需要打包的文件,然后在index.html中通过CDN引入

externals: {
    "vue": "Vue",
    "vue-router": "VueRouter",
    "vuex": "Vuex",
    "element-ui": "ELEMENT",
    "BMap": "BMap"
  }

2、使用路由懒加载 官网

 类似资料:
  • 本文向大家介绍vue动画打包后失效问题的解决方法,包括了vue动画打包后失效问题的解决方法的使用技巧和注意事项,需要的朋友参考一下 webpack 打包后动画未执行, 就是npm run build后在dist中生成的项目中动画未生效 解决: 找到build文件夹中 得vue-loader.conf.js,把extract的值改为false---如图 下面看下vue-cli 打包后自定义动画未执行

  • 在开发我的 electron 和 vue 是同一文件目录,通过运行 npm run electron:dev 和 npm run serve 使应用可以显示正常,相当于 electron 内嵌了一个 vue 但是打包 npm run electron:build 后的 exe 页面指向了默认的 ./electron/index.html ,并没有将我 vue 开发的页面展示出来 有点想不明白这个打

  • 本文向大家介绍解决Vue 项目打包后favicon无法正常显示的问题,包括了解决Vue 项目打包后favicon无法正常显示的问题的使用技巧和注意事项,需要的朋友参考一下 在开发中经常需要为项目添加favicon以增加网站辨识度,在使用Vue开发中出现添加的favicon.ico无法显示问题,如下给出解决方法: 问题分析: 问题根源在于路径,如果使用http链接作为favicon地址一般不是出现问

  • 我想使用puppeteer进行截图,然后使用docker将项目打包成镜像,但运行镜像时报这个错: 我已经执行过它 Dockerfile文件: 截图逻辑: 请问大佬们有遇到过吗?麻烦指点下 执行locate libgobject-2.0.so: 这个是否说明已安装。如果没有安装,请问如何下载libglib,因为我用yum下载不下来 如果说明已安装,我在Dockerfile加入了命令: 但是我重新打包

  • 本文向大家介绍Webpack打包慢问题的完美解决方法,包括了Webpack打包慢问题的完美解决方法的使用技巧和注意事项,需要的朋友参考一下 前言 这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶,当然同时引入了 Webpack 作为打包工具。但是开发过程中遇到一个很棘手的问题就是,React 加上 React-Router、superagent、eventproxy 这些第三方轮

  • webpack-obfuscator 打包卡住了 如何解决?