dev-scripts
环境准备
nodejs >= 8.0.0
功能
-
支持 twig 模版引擎 ( 与 php twig 兼容情况 )
- config/twig.js 里可配置相应 filter ( php 端也要对应实现 )
-
支持 sass
- 开发环境生成 sourceMap
-
支持 webpack
- 集成 babel 支持 es6 语法
- 集成 jQuery 1.12.4 与 js-cookie 为 common.js 并且全局 ( window ) 可访问
-
支持 css sprites
- 开发环境需要单独引用图片
- 在构建的时候可以自动合并图片
- 支持移动端 rem 单位转换 ( dpr 转换 )
- 自动给图片添加版本号 ( 通过图片的 md5 值计算 )
-
服务器端代理请求
- config/app.config.js 里 porxy 选项配置
- 可直接配置线上请求地址来联调
-
自定义 router
- config/router.js 里配置 一般用在模拟 ajax 请求接口
-
基于 gulp 构建
- 构建出的 css js img 默认在 build 目录下
安装
$ npm install -g dev-scripts# or $ npm install dev-scripts -D
使用
$ dev-scripts server # http://127.0.0.1:1337 $ dev-scripts build
支持的目录结构
.├── README.md├── config <!-- 配置文件 -->│ ├── app.config.js│ ├── router.js│ ├── twig.js│ └── webpack.config.js├── data <!-- 模版数据文件 -->│ └── index.js├── package.json├── static <!-- 静态文件 -->│ ├── img│ │ └── src│ ├── js│ │ └── index.js│ └── sass│ ├── index.scss│ └── lib│ ├── public.scss│ └── reset.scss├── views <!-- 模版文件 -->│ ├── common│ │ └── layout.html│ └── index.html└── yarn.lock
快速创建项目
更新记录
-
v1.1.3 (2017-06-26)
- 修复局部安装 build 的问题
-
v1.1.2 (2017-06-22)
修复局部安装 build 的问题
-
v1.1.1 (2017-06-22)
修复 build 在 windows 下的问题
-
v1.1.0 (2017-06-22)
- 添加对 twig 的配置文件支持
- 修改 creates 的配置文件位置
- 升级依赖包
-
v1.0.2 (2017-06-20)
- 修复局部安装找不到 babel-preset-env 的问题