Franks.T.D

WEB技术 - 学习·应用·分享

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时会被覆盖掉,所以建议存档,并且修改p...

2018-06-20 20:03:10

阅读数 9853

评论数 2

vue-cli 3.0脚手架配置及扩展 (五):AppConf类

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

2018-06-20 00:06:07

阅读数 2323

评论数 1

vue-cli 3.0脚手架配置及扩展 (四):VueConf类

本类为vue.config.js提供基础服务,主要业务为根据当前命令获得有效的页面信息,将页面信息整合为多页数据结构,供vue.config.js文件使用;也同时提供baseUrl属性,因涉及到多应用会有多个baseURL,baseUrl属性在npm run serve时恒为dev,在npm ru...

2018-06-19 23:55:40

阅读数 3575

评论数 0

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.e...

2018-06-19 23:42:52

阅读数 4975

评论数 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类对命令...

2018-06-19 23:26:49

阅读数 23605

评论数 3

vue-cli 3.0脚手架配置及扩展 (一):扩展说明

使用vue-cli2.0版本的vue脚手架一年多了,对脚手架扩展了一些功能,出于工作因素,无法直接分享。近期会利用下班时间对vue-cli 3.0版本的脚手架进行改造,扩展功能点较之前全部会进行重写,且进行再次优化。扩展功能点代码分步骤放出,因为本系列文章不定期更新,但每次放出系完整子功能点。先分...

2018-06-19 23:11:33

阅读数 6764

评论数 0

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

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

2018-06-15 04:09:08

阅读数 8131

评论数 4

gulp前端自动化构建工具(四):gulp文件路径处理模块

本gulp工具的一个方法包,主要接收gulp.src()中文件对象,对文件自身所在的物理路径及其内部资源引用的路径进行处理。

2016-10-11 14:30:02

阅读数 6361

评论数 0

gulp前端自动化构建工具(三):gulp工具配置文件

本篇将对本工具的配置文件进行展示,配置代码中具有详细的注释,其中config-tool和config-apps需要配置gulpfile代码理解,下一篇文章将展示gulpfile的逻辑代码。

2016-10-09 16:18:52

阅读数 1763

评论数 0

gulp前端自动化构建工具(二):gulp插件/gulp模块介绍

最全的gulp插件,都在本人的gulp工具中所用,gulp模块的安装方法请点击模块的介绍链接,推荐使用淘宝镜像的npm进行

2016-10-09 09:10:44

阅读数 3737

评论数 1

gulp前端自动化构建工具(一):工具介绍和使用

本工具基础gulp自动化工具构建,可适用于整个前端开发时间线,使用时较简单,在配置完后输入自定义命令即可使用本工具。

2016-10-08 16:19:55

阅读数 2616

评论数 0

支持seaJs和requireJs的前端模块开发方案(四):AMD模式和CMD模式下的config.js

前一篇文章已经对加载器全局配置alias.js做了说明,请务必先阅读。本文将继续完善amd模式和amd模式下的config配置,同时贴出全部代码,代码不做详细的讲解,有不懂的可以留言提问。

2016-09-26 14:49:09

阅读数 1082

评论数 0

支持seaJs和requireJs的前端模块开发方案(三):加载器全局配置alias.js

前一篇文章已经对业务页面的配置及init.js入口已经做了功能说明,请务必先阅读。本文将对加载器(seaJs、requireJs)的全局配置alias.js文件进行讲解,同时贴出全部代码,代码不会详细的讲解,有不懂的可以留言提问。

2016-09-26 14:00:45

阅读数 960

评论数 0

支持seaJs和requireJs的前端模块开发方案(二):业务页面和入口脚本init.js

前一篇文章已经对方案的基本作用、目录要求已经做了说明,请务必先阅读。本文将对业务页面以及业务页面需要引入的唯一脚本init.js进行讲解,同时贴出全部代码,代码不做详细的讲解,有不懂的可以留言提问。

2016-09-26 11:19:23

阅读数 401

评论数 0

支持seaJs和requireJs的前端模块开发方案(一):方案介绍

本系列文章将介绍本人开发并在使用一套前端模块化开发方案,支持seaJs和requireJs两种模块模式。方案适合多前端人员同时开发协作,也适合个人单独使用。

2016-09-26 09:59:35

阅读数 373

评论数 0

Github建立自己的项目-简要教程

新手步骤(非使用本人的gulp工具,省略第14、15步骤,实际上为项目操作步骤了) 安装nodejs(V4.x版本以上),输入node –v 和 npm –v 查看是否安装成功安装git,输入git –version 查看是否安装成功注册github账号 本地绑定github权限,执行 $ g...

2016-09-25 17:34:04

阅读数 245

评论数 0

阿里2016前端开发工程师笔试 - 布局之左侧自动宽度右侧固定宽度

左侧相应区子层1 左侧相应区子层2 右侧固定区 .demo{ width:100%; height:500px; } .container{ float: lef...

2016-09-25 11:03:06

阅读数 286

评论数 0

阿里2016前端开发工程师笔试 - 关于斐波那契(fibonacci)数列的JS写法解答

9、[问答题] 题目描述 请实现一个fibonacci函数,要求其参数和返回值如下所示: /** *@desc: fibonacci *@param: count {Number} *@return: result {Number} 第count个fibonacci值,计数从0开始 fibona...

2016-09-25 09:17:38

阅读数 2236

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭