摘要：
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 的时候 阅读全文