zoukankan      html  css  js  c++  java
  • 知道了grunt怎么用了

     

     第一步:

    //如何安装指定grunt的插件,安装后自动在当前cmd目录下新建node_modules文件夹,文件夹里面包含了下载完成的插件
    npm install <module> --save-dev
    npm install grunt --save-dev
    npm install grunt-contrib-uglify  --save-dev
    npm install grunt-contrib-qunit --save-dev
    npm install  grunt-contrib-jshint --save-dev
    npm install  grunt-contrib-watch --save-dev
    

    安装以后node_modules文件夹下的样子 //我就装了两个插件,没有全部安装哦

    第二步:

    //Gruntfile.js文件的内容,这个东西非常重要
    module.exports = function(grunt){ grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), concat: { options: { separator: ';' }, dist: { src: ['src/*.js'], dest: 'dist/<%= pkg.name %>.js' } }, uglify: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */ ' }, dist: { files: { 'dist/<%= pkg.name %>.min.js': ['<%= concat.dist.dest %>'] } } } }); grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-concat'); //grunt.registerTask('test', ['jshint', 'qunit']);,你如果想要在定义任务就可以写在这边
    grunt.registerTask('default', [ 'concat', 'uglify']);//这个是默认在当前目录执行grunt会执行的任务,和grunt.initConfig下的内容对应 };

    第三步:

    //package.JSON文件的内容,只要你按照第一步安装好了,这里的devDependencies会自动更新

    最后:当前目录执行grunt           

    //===> done  =_=///

    //这两个东西一直忘记 ,再写一下
    typeof NaN === "number"
    typeof null === "object"

      

  • 相关阅读:
    JDBC
    过滤器
    Servlet-web.xml 常见配置
    Servlet-HttpSession接口
    Servlet-Cookie对象
    Servlet-HttpServlet对象
    kmp算法及应用
    线段树入门到自闭
    tarjan算法与拓扑排序
    马拉车模板
  • 原文地址:https://www.cnblogs.com/diligenceday/p/3598091.html
Copyright © 2011-2022 走看看