gulpproject-v1
gulp前端代码工程化管理工具
Last updated 4 months ago by wibetter .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install gulpproject-v1 
SYNC missed versions from official npm registry.

gulpProject: gulp前端代码工程化管理工具

使用方法一:以命令行方式使用gulpProject

  • 全局安装
#安装
npm i -g git+ssh://git@github.com:wibetter/gulpProject.git
#初始化项目配置(需要先进入指定项目根目录)
gulpProject init -n=yourProjectName

#或者:使用精简配置初始化项目
gulpProject init -n=yourProjectName --isSimplify=true

#初始化项目配置后即可得到gulpProject的默认配置文件,您也可以根据项目需要自行更改gulpProject配置文件
  • 示例:以全局命令方式构建项目
# 初始化项目配置后就可以开始构建您的项目前端代码了
# 1、以本地开发环境编译代码
在命令窗口输入:gulpProject dev

# 2、以线上测试环境编译代码
在命令窗口输入:gulpProject test

# 3、以线上正式环境编译代码
在命令窗口输入:gulpProject online

使用方法二:以插件方式使用gulpProject

  • 全局安装
#安装
npm i -g git+ssh://git@github.com:wibetter/gulpProject.git
#初始化项目配置(同方法一)
gulpProject init -n=yourProjectName

#或者:使用精简配置初始化项目
gulpProject init -n=yourProjectName --isSimplify=true
  • 本地安装
#安装
npm i git+ssh://git@github.com:wibetter/gulpProject.git --save-dev
  • 命令行方式使用示例
// 以本地开发环境编译代码
>npm run dev;
// 以线上测试环境编译代码
>npm run test;
// 以线上正式环境编译代码
>npm run build;
  • 组件方式使用示例
# 引入gulpProject
const gulpProject = require('gulpProject');
// 以本地开发环境编译代码
gulpProject.dev();
// 以线上测试环境编译代码
gulpProject.test();
// 以线上正式环境编译代码
gulpProject.online();
  • 创建系统模板
# gulpProject自带一套前端项目代码模板,以便用户参考使用

gulpProject create -template=default #目前只有default模板

或者 gulpProject create

使用注意事项:

1、自带的系统模板、项目配置文件和gulpProject的配置文件中的静态资源根路径默认是//ssfe.test.sina.com.cn,请将其改成自己的静态资源引用地址;
2、使用gulpProject init -n yourProjectName 后,会生成默认的gulpProject配置文件,各位可以根据自己喜好进行调整;
3、gulpProject将系统分成三个环境:本地开发环境、线上测试环境和线上正式环境,
   其中最明显的区别是,不同的运行环境,项目的静态资源引用地址会被替换成相对应环境下的引用地址;

Current Tags

  • 1.0.0                                ...           latest (4 months ago)

1 Versions

  • 1.0.0                                ...           4 months ago
Maintainers (1)
Downloads
Today 0
This Week 1
This Month 1
Last Day 0
Last Week 0
Last Month 2
Dependencies (34)
Dev Dependencies (33)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |