前端我采用了Element-UI框架，打造开发环境如下：1，安装全局Vue-cli: npm install -g vue-cli2, 创建基于webpcak模板的项目。 vue init webpack my-project cd my-project npm install npm run dev3 安装依赖 npm install --save axios
原创
2021-04-30 16:03:09
309阅读
前端工程化--关于npm/yarn、webpack、vue的工具链管理工具npm/yarn安装起步包的安装删除包和依赖安装所有依赖更新包清楚缓存设置webpack配置安装webpack4.0 和 webpcak-cliwebpack基础入门Vue基础配置安装 @vue/cli快速原型开发手动创建项目安装插件CLI服务开发lodash语法构建多页应用URL转换规则public文件夹html css
懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。 使用懒加载的原因： vue是单页面应用，使用webpcak打包后的文件很大，会使进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。运用懒加载后，就可以按需加载页面，提高用户体验。 整个网页默认是刚打开就去加载所有页面，路由懒加 ...
转载
2021-10-11 17:42:00
451阅读
2评论
本地安装：npm命令默认情况下会将包安装到当前目录下，避免了不同程序依赖不同版本包的冲突；减少了包开发者API的兼容性的问题；缺点是会出现一个包安装多次的情况。全局安装：提高程序重复利用，避免一个程序多个版本的情况；但是缺点是难以处理不同版本的依赖全局安装局部(本地)安装命令npm install webpack -gnpm install --save-dev webpcak安装位置一般在 No
转载
2023-12-09 21:48:12
164阅读
Vue项目打包优化优化方案1. 路由懒加载Vue 是单页面应用，可能会有很多的路由引入 ，这样使用 webpcak 打包后的文件很大，当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了。这样会大大提高首屏显示的速度，但是可能其他的页面的速度就会降下来。可根据官网操作： htt
转载
2024-10-11 17:05:27
298阅读
