![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
codeXml
web developer
展开
-
vue-cli3.x配置开发、测试及生产三个环境的地址
背景:正常情况下webpack给我们提供了development和production两个环境。一个用于开发,一个用于正式环境,想象是美好的,但是我们有时候不止一个服务器吧,比如更新到正式服之前我们需要先在测试服测试通过,这个时候如果还是两个环境变量那我们打包的时候就需要手动切换地址了呀,所以基于此,再手动增加一个测试环境。下面以vue-cli3.x为例:1、新建vue-cli项目,如下vue create demo_012、目录结构3、在根目录新建三个文件.env / .env.prod.原创 2020-06-02 16:07:40 · 2367 阅读 · 3 评论 -
单页(SPA)首页白屏优化
背景:由于目前线上版本的h5加载一直很慢,于是趁着最近有空就打算优化一下,首先打开network分析影响加载速度的文件有哪些。看原文件大小有接近1.4m,不能忍!!!注意:1、博主这里用的vue-cli2.x版本,webpack为3.6.0版本。2、vendor文件一般放的是长时间不怎么更新的库,比如vue、vuex、vue-router等等。开始搞事情。1、删除多余的第三方库。检查自己package.json文件下dependencies里面有哪些是安装引用了但是没用的。因为里面可能原创 2020-05-21 16:14:14 · 1207 阅读 · 0 评论 -
webpack4.0从零搭建一个vue-cli
开始之前先了解一下webpack的几个核心概念。entry: 入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。output: output 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,默认值为 ./dist。loader: loader 让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript)plugins: loader 被用于转换某些原创 2020-05-14 23:46:06 · 744 阅读 · 0 评论