基于angular 1.x 、gulp 的项目工程
涉及依赖说明
browser-sync
:静态文件服务器,同时也支持浏览器自动刷新gulp-sass
:CSS编译器gulp-autoprefixer
:根据设置浏览器版本自动处理浏览器前缀main-bower-files
:会从bower.json文件里寻找定义好的主要文件路径gulp-uglify
:压缩javascript文件,减小文件大小gulp-strip-debug
:去除debug信息del
:删除文件以及文件夹run-sequence
:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用gulp-replace
:替换gulp-angular-templatecache
:angularjs 页面模板文件打包gulp-zip
:打包文件gulp-cache
:缓存文件读取gulp-imagemin
、imagemin-pngquant
:压缩图片文件(包括PNG、JPEG、GIF和SVG图片)gulp-clean-css
:压缩cssgulp-rename
:重命名文件gulp-htmlmin
:压缩htmlgulp-concat
:合并文件
使用
- 克隆项目
git clone https://github.com/jsercao/templete.git
- 在项目目录执行以下命令,安装依赖文件
npm install
bower install
gulp sass
:编译sassgulp serve
:启动服务并且监控 html、js、scss变化gulp build
:编译项目gulp zip
:将编译过后的文件打包成zip文件
其他说明
-
Angularjs 编程风格参见:
Angular Style Guide
-
gulp配置可根据自行项目需要进行修改
-
只提供基本的框架结构,不包含组件等
-
popper.min.js 为bootstrap 4 必备组件