项目优化策略 通过 externals 加载外部 CND 资源 默认情况下，通过 import 语法导入的第三方依赖包，最终会被打包合并到同一个文件中，从而导致打包成功后，单文件体积过大的问题。 为了解决上述问题，可以通过 webpack 的 externals 节点，来配置并加载外部的 CDN 资源。凡是声明在 externals 中的第三方依赖包，都不会被打包。 具体配置代码如下： 在vue. ...
2020-04-17 16:59 0 886 推荐指数：
项目优化策略 6、通过 CDN 优化 ElementUI 的打包 在资源列表中 js/chunk-vendors.4da6d812.js 这个文件后面还是有个惊叹号，说明体积还是大。 而在依赖项中的，element-ui 的 大小是 659.3kB。 虽然在开发阶段，我们启用 ...
项目优化策略 7、首页内容定制 不同的打包环境下，首页内容可能会有所不同，我们可以通过插件的方式进行定时，插件配置如下： 在 public/index.html 首页中，可以根据 isProd 的值，来决定如何渲染页面结构： 打开vue.config.js添加 ...
项目优化策略 3、为开发模式与发布模式指定不同的打包入口 默认情况下，Vue项目的开发模式与发布模式，共用同一个打包的入口文件（即src/main.js）。为了将项目的开发过程与发布过程分离，我们可以为两种模式，各自指定打包的入口文件，即： 1）开发模式的入口文件为src ...
1、打开Element网站，找到主页需要的布局格式 修改Home.vue： 效果图如下： 2、美化Header区域布局样式 3、左侧导航菜单 菜单分为二级，并且可以折叠 找到Element里的导航菜单代码： 然后在element.js里 ...
webpack会将所有的依赖包都生成并打包到js/chunk-vendors.97b0334e.js中，这样会导致这个包的体积过大，在加载的时候会有延时。 解决办法： 通过externals加载外部CDN资源： 1、复制一份main.js改名为main-prod.js。注意：这个优化 ...
通过 nprogress 第三方的包 打开可视化工具里的依赖，点击安装依赖-运行依赖，搜索 nprogress ，进行安装。 然后导入对应的包，打开main.js文件，我们可以看到，通过 axio ...
1、通过路由展示用户列表页 新建user文件夹，里面新建Users.vue文件： 修改路由文件，添加Users路由： 这时点击左侧菜单的用户列表，就可以看到跳转到了用户列表页： 2、小bug：刷新后左侧菜单的高亮没有了 Menu Attribute里 ...
1、创建商品分类分支goods_params并push到远程 创建分支goods_params，并切换到当前: 推送到远程：（以前码云中没有该分支，所以要加-u，如果码云中有该分支，则不需要加-u） 2、通过路由加载分类参数组件 在goods文件夹 ...
