zoukankan      html  css  js  c++  java
  • grunt之easy demo

    首先安装grunt-cli

    cnpm install -g grunt-cli

    接下来创建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-concat": "~0.5.0",  
            "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-strip": "~0.2.1"  
          },  
          "dependencies": {  
            "express": "3.x"  
          }  
        } 

    也可以使用npm init来进行初始化

    创建Gruntfile.js,只做合并和压缩

        module.exports = function (grunt) {  
          grunt.initConfig({  
          concat: {  
            options: {  
            },  
            dist: {  
              src: ['src/**/*.js'],//src文件夹下包括子文件夹下的所有文件  
              dest: 'dist/built.js'//合并文件在dist下名为built.js的文件  
            }  
          },  
          uglify: {  
             build: {  
                src: 'dist/built.js',//压缩源文件是之前合并的buildt.js文件  
                dest: 'dist/built.min.js'//压缩文件为built.min.js  
              }  
           }  
        });  
          grunt.loadNpmTasks('grunt-contrib-uglify');  
          grunt.loadNpmTasks('grunt-contrib-concat');  
            
          grunt.registerTask('default', ['concat','uglify']);  
        } 

    接下来执行cnpm(npm) install,下载好依赖包

    接下来执行grunt

  • 相关阅读:
    nuxt使用pdfjs-dist插件实现pdf预览
    package.json详细介绍
    encodeURI()和encodeURIComponent() 区别
    前端预览pdf——文件流
    fatal: unable to access 'https://github.com/xxxxx/xxxx.git/': Failed to connect to github.com port 443: Timed out
    vue分隔输入验证码
    Vue简单实现滚动到底部加载数据
    nuxt pdf在线预览
    Eclipse入门-HelloWorld
    多任务学习算法综述
  • 原文地址:https://www.cnblogs.com/benchan2015/p/4746456.html
Copyright © 2011-2022 走看看