• grunt记录


    grunt是nodejs下的一个任务运行器,通过配置文件可以很方便的执行一系列任务

    安装
      1.npm install -g grunt-cli  安装grunt辅助命令(可以直接在命令行中执行grunt命令)

      2.到给定目录

      3.npm install grunt --save-dev  安装grunt,如果有--save-dev选项则将grunt添加到package.json文件中的devDependencies属性中去

      4.安装grunt插件

      npm install grunt-contrib-jshint    
      npm install grunt-contrib-uglify        //压缩js的插件
      npm install grunt-contrib-requirejs
      npm install grunt-contrib-copy
      npm install grunt-contrib-clean
      npm install grunt-contrib-concat        //合并文件的插件
      npm install grunt-strip

      5.写package.json文件

    {
      "name": "demo",
      "file": "zepto",
      "version": "0.1.0",
      "description": "demo",
      "license": "MIT",
      "devDependencies": {
        "grunt": "~0.4.1",
        "grunt-contrib-jshint": "~0.6.3",
        "grunt-contrib-uglify": "~0.2.1",
        "grunt-contrib-requirejs": "~0.4.1",
        "grunt-contrib-copy": "~0.4.1",
        "grunt-contrib-clean": "~0.5.0",
    "grunt-contrib-concat":
    "grunt-strip": "~0.2.1" }, "dependencies": { "express": "3.x" } }

      6.写Gruntfile.js文件

    module.exports = function (grunt) {
      // 项目配置
      grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),        //将package.json文件的内容转换为json对象
        uglify: {
          options: {
            banner: '/*! <%= pkg.file %> <%= grunt.template.today("yyyy-mm-dd") %> */
    '
          },
          build: {
            src: 'src/<%=pkg.file %>.js',            //要压缩的文件名
            dest: 'dest/<%= pkg.file %>.min.js'        //压缩后文件的保存路径
          }
        }
      });
      // 加载提供"uglify"任务的插件
      grunt.loadNpmTasks('grunt-contrib-uglify');      //加载插件
      // 默认任务
      grunt.registerTask('default', ['uglify']);        //默认grunt任务
    }

      7.执行grunt任务

      在命令行中敲入grunt则开始执行默认任务

  • 相关阅读:
    Mysql 分页查询sql优化
    观察者模式之spring事件机制
    封装一个按Key排序的Map工具
    SpringBoot java配置类@Configuration 的两种写法
    最基础前端路由实现,事件popstate使用
    mybatis分页插件PageHelper源码浅析
    看看线程特有对象ThreadLocal
    svn提交错误:Commit failed (details follow): Can't create directory
    mac下修复exfat格式外置硬盘
    [twisted] Multiple users
  • 原文地址:https://www.cnblogs.com/gameshan/p/4626358.html
Copyright © 2020-2023  润新知