zoukankan      html  css  js  c++  java
  • Grunt体验

    1.安装grunt

      命令:npm install grunt-cli -save-dev

      命令:npm install grunt -save-dev

    2.安装要用的插件(以uglify为例)

      命令:npm install grunt-contrib-uglify -save-dev

        uglify是grunt下的一个插件,对代码进行压缩,从其插件名来看,contrib-**表明其是grunt官方的一个插件,第三方的插件命名没有contrib

      新建完要压缩的文件之后,创建GruntFile.js

      

      文件目录:

      

      执行压缩命令:

      

         ps:因为文件本身较小,压缩后添加了注释说明,所以压缩之后反而变大了。

      压缩效果:

      

    2-1.体验jshint

          由于js没有编译这一过程,所以可以用jshint对js文件进行语法检查

      安装jshint命令:npm install grunt-contrib-jshint -save-dev

      配置GruntFile.js文件

      

      执行命令grunt  jshint即可执行jshint。

     2-2体验concat

      合并文件,减少http请求

      安装concat命令:npm install grunt-contrib-concat -save-dev

      配置GruntFile.js文件

      

      合并完成后,生成的文件如下:

      

      

      

  • 相关阅读:
    24.redis持久化之AOF
    23.redis持久化之RBD
    22.redis五大类型常用的方法
    21.ssm框架--详细整合教程(Spring+SpringMVC+Mybatis)
    20.Mybatis之逆向工程
    Maven环境静态资源问题
    db.properties配置文件
    logo4j配置文件
    mybatis-config.xml系统核心配置文件
    注解
  • 原文地址:https://www.cnblogs.com/wangxuehao/p/6724258.html
Copyright © 2011-2022 走看看