摘要：
最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为这个问题出现的偶然性太高了，而且有的手机上会出现，有的不会，用模拟器不会出 阅读全文
摘要：
facebook三大项目：yarn jest metro，有横扫宇宙之势。 而jest项目的宗旨为：减少测试一个项目所花费的时间成本和认知成本。 ——其实，它在让你当一个好老师。jest文档非常简略、难以阅读， 因此才有了这篇文章。 jest是vue、react和vue cli技术栈的重要一环，也是 阅读全文
摘要：
做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点 1.npm安装 导入(在哪个页面使用,则在哪个页面导入(这里的话，我使用全局导入会出现问题,若有错,还请大家指出,暂时想到的就是局部引入))： 注册组件： template使用 2 阅读全文
摘要：
单独零散的函数 在main.js里进行全局注册 Vue.prototype.ajax = function (){} 在所有组件里可调用 this.ajax() 多个函数定义在一个对象里 来源：https://segmentfault.com/a/1190000016403356 阅读全文
摘要：
移动端轮播图插件，在使用iview图形界面插件中的carousel组件无法实现触摸滑动后，转而使用vue awesome swiper插件 1.npm安装 我这里安装的是下面的这个版本 2.使用 全局导入： 组件引入 在template中使用 data中配置 3.遇见的问题 这个插件，在图片只有一张 阅读全文
摘要：
Vue.winward.js vue.js最简实现(the most simple vue.js) 让所有人都看得懂Vue原理建议看完Vue.winward.js后，结合mpvue源码解读单页应用路由实现没那么难 Vue,再看一遍Vue源码 Mind vue.js是一个响应式库，在这里我将它剖开: 阅读全文
摘要：
Vue.js 最核心的功能就是组件（Component），从组件的构建、注册到组件间通信，Vue 2.x 提供了更多方式，让我们更灵活地使用组件来实现不同需求。 一、构建组件 1.1 组件基础 一个组件由 template、data、computed、methods等选项组成。需要注意： templ 阅读全文
摘要：
前提 项目是直接通过 vue cli脚手架 生成的； 假设在项目开发中，分为三个环境 · 测试环境· 预生产环境· 生产环境 每个环境的接口地址都是不同的，而 vue cli 给出的环境只有 dev 和 prod 这两个。虽然可以选择每次打包项目前手动修改 config/prod.env.js 中的 阅读全文
摘要：
vue image swipe 基于photoswipe实现的vue图片预览组件 安装 1 第一步 2 第二步 vue 入口文件引入 使用 methods 只暴露了一个方法this.$imagePreview，并绑定到vue的原型上使用 options有三个参数 参数 默认值 说明 images 空 阅读全文
摘要：
熟悉 eslint loader 的同学一般如下配置： 设置一下几项： test : A condition that must be met（一般是处理对应文件的正则） exclude : A condition that must not be met（手动添加不需要处理的，一般比如 node_ 阅读全文
摘要：
在 @vue/cli plugin babel/index.js 中： 我们看一下 api.genCacheConfig 在文件：@vue/cli service/lib/PluginAPI.js 中被定义： Generate a cache identifier from a number of 阅读全文
摘要：
官方文档中介绍过在 vue.config.js 文件中可以配置 parallel，作用如下： 我们看一下源码部分： parallel 接受 boolean 值： 默认设置如下： 依赖了函数 hasMultipleCores in some cases cpus() returns undefined 阅读全文
摘要：
首先还是简单介绍一下 webpack bundle analyzer 是做什么的： Visualize size of webpack output files with an interactive zoomable treemap. 一个很强大的用来优化打包之后文件提交的工具。 在老版本的脚手架 阅读全文
摘要：
首先，我们看到在 package.json 中有 scripts 的定义： "scripts": { "serve": "vue cli service serve", "build": "vue cli service build", "lint": "vue cli service lint"} 阅读全文
摘要：
在本文开始之前，先留一个问题？ 如果在新版本我想加一个 drop_console 的配置呢？ 在老版本的脚手架生成的配置中，对于线上环境的文件：webpack.prod.conf.js 使用了插件：uglifyjs webpack plugin 插件配置如下： 我们看一下新版本的是如何处理的呢？ 在 阅读全文
摘要：
首先，请记住： 它在新版本的脚手架项目里面非常重要 它有什么用呢？ inspect internal webpack config 能快速地在控制台看到对应生成的 webpack 配置对象。 首先它是 vue 的一个扩展命令，在文件 @vue/cli/bin/vue.js 中定义了 command 阅读全文
摘要：
在 vue.config.js 配置中有一个 indexPath 的配置，我们先看看它有什么用？ 用来指定 index.html 最终生成的路径（相对于 outputDir） 先看看它的默认值：在文件 @vue/cli service/lib/options.js 中 默认值： 使用案例： 我们在 阅读全文
摘要：
大家还记得我们在老版本中，对于线上环境配置中会把所有的 css 多打成一个文件： 核心是使用了插件 extract text webpack plugin，方式如下： 第一步都是加载插件 这个插件的描述如下： Extract text from a bundle, or bundles, into 阅读全文
摘要：
在 vue cli 3 初始化的项目根目录下面：和 src 同级有一个 public 目录 官网的说明如下：https://cli.vuejs.org/zh/guid... 然后我们把一个文件 a.png 放置到它里面，不管打包还是 dev 起服务的时候，可以通过根目录访问 比如 build 的时候 阅读全文