![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE-webpack
文章平均质量分 79
IT博客技术分享
没有做不到的,只有想不到的!
展开
-
关于webpack-bundle-analyzer的问题大坑
关于webpack-bundle-analyzer的问题大坑,会导致,打包后端口占用,复制一份代码在起一个服务,报错端口占用,无法启动。报错如下:解决办法:1.首先引入webpack-bundle-analyzer模块安装命令:npm install –save-dev webpack-bundle-analyzer2.在webpack中的代码配置 (vueCli3.0 举例)首先要在vue.conf.js里const BundleAnalyzerPlugin = requir..原创 2021-08-17 22:16:23 · 4557 阅读 · 0 评论 -
一行代码可以让vue项目启动快 70% 以上的代码
前言这两天闲来无事,想优化优化项目的启动时间,用了一个下午吧,将项目启动时间从48秒优化到14秒,大约70左右,效果还是有的,而且仅仅用了一行代码。????会讲一下找到这行代码的过程,如果没有耐心可以直接跳转到文章底部,直接看结论即可。项目背景项目就是简单的Vue项目,不过公司内部给vue-cli包了一层,不过影响不大。别的也就没啥了,正常的H5网页,用的插件也不算多,为了控制项目体积。项目分析既然决定要优化了,首先要分析下项目,先用speed-measure-webpack-p原创 2021-06-11 11:08:03 · 857 阅读 · 0 评论 -
vue-cli项目打包后样式空白(或者是样式出现一部分)
一. 如果是样式空白原因:路径不对,把配置文件中的路径都改为相对路径,在打包可能会好点。不然只能在打包后的文件中改相对路径,这样比较费劲。不建议使用。vue-cli项目打包出现空白页和路径错误问题vue-cli项目打包:1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目解决:到confi...原创 2018-09-26 10:42:43 · 3885 阅读 · 0 评论 -
npm ERR! missing script: build
打包报错:webpack-bundle-analyzerwebpack可视化插件,用来查看一共打了多少个包,每个包的体积和包里面的情况。启动查看npm run build --report结果报错npm ERR! missing script: build,后来发现package.json中scripts参数为 "scripts": { "dev": "webpa...原创 2019-09-20 17:43:23 · 6766 阅读 · 0 评论 -
vue项目如何优化加载速度,项目打包后文件过大怎么办?
一、路由懒加载const Home = () => import('./views/Home.vue');const MyInfo = () => import('./views/MyInfo.vue');在.babelrc中"plugins": ["@babel/plugin-syntax-dynamic-import"]二、分离公共代码webpack...原创 2019-10-25 17:16:33 · 924 阅读 · 0 评论