1.0.0 • Published 7 years ago

generator-h5-tpl v1.0.0

Weekly downloads
5
License
MIT
Repository
github
Last release
7 years ago

基于Webpack和Gulp的H5小项目生成器

  • H5 日益普及,为了方便日后开发的方便,特此写一个模板生成器为日后使用
  • 在HTML中支持使用 @@include 引入一个 .inc 文件
  • 在CSS文件中可以使用 scss 进行开发,发布时将小图片转换为base64格式
  • 预置了一些动画库和常用的动画逻辑代码,方便写出丝滑的动画
  • 在JS当中利用webpack合并了公共模块,可以有任意个入口文件,并区分生产和开发环境(开发环境不进行代码压缩,极大提高打包速度)
  • 开发时可自动启动 Chrome 浏览器,并且打开本地3000端口来调试

使用yoeman创建模板

安装 yo

npm install -g yo

安装H5模板生成器

npm install -g generator-h5-tpl

新建一个项目目录并进入

mkdir h5 && cd $_

使用H5模板,这个命令会自动安装依赖(npm install),建议终止掉,然后使用 cnpmyarn 来安装,因为速度飞快。

yo h5-tpl

使用模板

开发

gulp dev

发布

gulp dist

License

MIT © diycode

1.0.0

7 years ago