Grunt分项目构建

2017年02月06日

Grunt分项目构建

node核心是在后端能够运行js代码，这样可以用js写自己想要的效果；grunt构建主要是编译、合并、压缩，最近的框架都是按功能或模块把静态资源和Html放到一个文件夹下，便于模块化管理，同时用grunt/gulp等构建工具，进行less，ES6等静态文件的编译、合并、压缩以及版本控制和代码质量监控等。这里是用grunt在现有项目结构的基础上进行做最基础的项目构建，

less编译

js 代码检验

jshint: {
        files: ['Gruntfile.js', 'test/**/*.js'], //要检验的js文件
        options: {
            globals: {
                jQuery: true
            }
        }
    },

合并 js 并添加指定内容：

concat: {
        options: {
            separator: ';', //文件内容的分隔符
            stripBanners: true,  //文件开头的签名
    banner: '/* <%= pkg.name %> - v<%= pkg.version %> - ' + '<%= grunt.template.today("yyyy-mm-dd") %> */ \n'  //调用package.json
        },
        dist: {
            src: ['lib/**/*.js', 'test/**/*.js'],  //要合并的源文件
    dest: 'js/main.js'  //合并为文件
        }
    },

压缩 js 文件：

    uglify: {
        build: {
            src: 'js/main.js', //压缩源文件
            dest: 'js/main.min.js' //压缩为文件
        }
    },