zoukankan      html  css  js  c++  java
  • grunt使用入门

    一、首先用npm在global环境安装grunt-cli ,注意在任何目录下 install -g都是一样的 npm install -g grunt-cli

    二、安装grunt插件时项目中一定要package.json,所以在项目中加一个最简单的package.json。不然的话插件安装不上。

    三、

    在项目目录下安装grunt 

    npm  instal grunt --save-dev

    四、

    我在前端项目中经常需要concat和压缩,所以一下只掩饰这两个插件

    npm install grunt-contrib-concat grunt-contrib-uglify --save-dev

    五、

    把开发目录下的所有js,合并到dist目录保存为main.js

    concat: {

            dist: {

                // the files to concatenate

                src: ['src/*.js'],

                // the location of the resulting JS file

                dest: 'dist/main.js'

            }

        }

    把合并目录下的js,压缩

    uglify: {

            dist: {

                files: {

                    'dist/main.min.js': ['<%= concat.dist.dest %>']

                }

            }

        }

    如果不用'<%= concat.dist.dest %>',而是直接写路径dist/main.js,那很可能在压缩时main.js还没有生成

    全部代码如下图

    六、运行grunt后结果如下

    七、这个是dist文件夹下的内容

    原文:http://jingyan.baidu.com/article/546ae185058da31149f28ce1.html

  • 相关阅读:
    JDBC
    两道关于回溯法,分支限界法的算法题
    旅行售货员问题
    jdbc学习
    mysql简单练习
    取会邮件客户端中的密码
    触发器的使用
    事务的数据一致性测试
    读取其他软件listview控件的内容
    sqlserver2008 ,只能选C盘目录,不能选其它盘目录
  • 原文地址:https://www.cnblogs.com/stonespawn/p/7090726.html
Copyright © 2011-2022 走看看