2018年06月_franks_t_d

原创 vue-cli 3.0脚手架配置及扩展（六）：npm run serve 和 npm run build 拦截修改

修改文件为：path node_modules/@vue/cli-service/bin/vue-cli-service.js，该文件的修改基于vue-cli的版本为3.0.0-rc.2版本，这是node_modules内部文件，所以在升级vue-cli3.0时会被覆盖掉，所以建议存档，并且修改package.json中的本地开发依赖配置对象devDependencies，修改以‘@vue/’开头...

2018-06-20 20:03:10 24523 2

原创 vue-cli 3.0脚手架配置及扩展（五）：AppConf类

本类为config.app.js提供基础服务，主要业务为对外应用信息、页面信息、页面URL信息、baseUrl信息以及应用和页面是否存在校验服务代码如下，不懂可留言讨论：/** * @fileOverview app配置数据处理类 * @author Franks.T.D * @date 2018/06/17 */const [ appConfig, resolveConf,...

2018-06-20 00:06:07 3119 1

原创 vue-cli 3.0脚手架配置及扩展（四）：VueConf类

本类为vue.config.js提供基础服务，主要业务为根据当前命令获得有效的页面信息，将页面信息整合为多页数据结构，供vue.config.js文件使用；也同时提供baseUrl属性，因涉及到多应用会有多个baseURL，baseUrl属性在npm run serve时恒为dev，在npm run build时，因为构建必须制定一个应用名，所以baseURL为对应的config.app.js中的...

2018-06-19 23:55:40 4701

原创 vue-cli 3.0脚手架配置及扩展（三）：config.app.js应用目录配置

工程目录如图，config.app.js文件在src源码目录下config.app.js文件是我为了方便测试模拟的项目结构，代码如下：/** * @fileOverview app配置 * @author Franks.T.D * @date 2018/06/17 */module.exports = { APP_NAME: ['www', 'memberCenter'], // ...

2018-06-19 23:42:52 7931 1

原创 vue-cli 3.0脚手架配置及扩展（二）：vue.config.js多页配置

vue-cli 3.0官方支持多页，重点在于vue.config.js文件的配置，其中baseUrl和pages数据为VueConf基础类产生，VueConf类接受process.argv作为默认参数process.argv为bash窗口中我们输入的npm run * 命令，VueConf类对命令进行了再次包装，类文件后面fangch/** * @fileOverview app配置 * @a...

2018-06-19 23:26:49 38653 4

原创 vue-cli 3.0脚手架配置及扩展（一）：扩展说明

使用vue-cli2.0版本的vue脚手架一年多了，对脚手架扩展了一些功能，出于工作因素，无法直接分享。近期会利用下班时间对vue-cli 3.0版本的脚手架进行改造，扩展功能点较之前全部会进行重写，且进行再次优化。扩展功能点代码分步骤放出，因为本系列文章不定期更新，但每次放出系完整子功能点。先分享3个功能点吧扩展点改造vue项目为多页（多模块）、多应用，通用权限及底层前端服务改造npm run ...

2018-06-19 23:11:33 9405

原创 vue-cli 3.0 自定义vue.config.js文件，多页构建

使用自己基于vue-cli 2.X改造的前端多页脚手架有近1年多时间了，一直没机会升级3.0版本开始零零碎碎开始写一些功能，顺便分享一下const path = require('path')const glob = require('glob')/** 获取多页的入口脚本和模板 */const getPages = (() => { const [ globPathHtm...

2018-06-15 04:09:08 11424 4

Franks.T.D