node package manager

gulp-auto-angular

这个插件的目的在于自动的构建angular相关的项目,只是适合个人变成习惯,不具有普适性,请谨慎使用

在开发的过程中需要使用browserify、ng2html、style等功能,为了方便自动化实现便于、部署,减少很多不必要的麻烦特此开发此插件以供使用,由于刚开发,很多功能还不完善.

使用方式

    var app = require("gulp-auto-angular");
    var config = {
        modulename: "starter"
        css:{
            "./style.less": {
                name: "style.css",
                dest: ["./"]
            }
        },
        js: {
            "./main/main.js":{
                name: "main.js",
                dest: ["./"]
            }
        },
        concat: {
            src:["./main.js","./lib/ionic/js/ionic.bundle.min.js"],
            name: "concat.js",
            dest: ["./"]
        },
        watch: ["style.less","main/**"],
        liverload: false
    };
    app(config);

通过简单的配置文件即可实现文件的自动化编译,另外,为了不进行额外的工作,直接将此内容写到gulpfile.js中即可。

所有的路径都是以process.cwd()为基准

modulename 需要自动添加的头的模块的名称

如: modulename: "starter",则自动添加

    angular.module("starter")

css

css是实现对less的编译,其key值表示的是要编译的路径,value是个对象,由namedest构成, name 是编译后的文件的名称,dest是数组,表示的是编译后的存放路径,如果有多条则存放到多个路径下。

js

js的配置和css一样

concat是文件合并操作,由三个字段组成,分别是srcnamedest,src是个数组,表示的是需要合并的文件的组合,文件的名称服务vinyl文件格式,name是合并后的名称,dest是数组,表示合并后的所在地。

watch 监听文件

  • 监听指定的文件或者文件夹,符合vinyl
  • 添加文件时,如果是js自动在其目录或者父目录下(递推)的main.js中添加对应的require,如require("./test")
  • 删除文件时自动的删除对应的main中的字段
  • 处理完后自动编译
  • html自动转换成js
  • js 自动添加angular.module(modulename)的头

livereload 是否使用reload功能 当js或者less重新编译时会触发