Grunt是什么，以及它的一些使用方法

Posted 2020-09-22

?什么是Grunt

Grunt和 Grunt 插件是通过 npm 安装并管理的，npm是 Node.js 的包管理器。grunt是基于node

更多插件请访问：http://www.gruntjs.net/

 

使用前提：

1.DOS：powershell

    安装(全局)grunt-npm install grunt-cli-g

    切换到文件所在目录下安装：npm install grunt

2.安装完成后检查版本

    grunt --version

    

接着咱们要在项目里创建一个Gruntfile.js文件（文件名必须是Gruntfile）

js里写grunt配置代码

module.exports = function (grunt) {
    grunt.initConfig({
        
    });
};

 插件安装

安装uglify

npm install grunt-contrib-uglify

安装cssmin

npm install grunt-contrib-cssmin

安装完成后咱们来压缩一个css文件

首先要创建一个app文件夹，里面创建一个index.css文件

css文件里写上如下代码：

*{
   padding: 0;
   margin:0;
}
div{
    width: 200px;
   height: 200px;
   background: pink;
}

之后咱们在Gruntfile.js里写入：

module.exports = function (grunt) {
    grunt.initConfig({
        cssmin: {

            css: {

                src:‘css/css.css‘,

                dest:‘dest/index-min.css‘

            }

        }
    });
    grunt.loadNpmTasks(‘grunt-contrib-cssmin‘);
    grunt.registerTask(‘default‘, [‘cssmin‘]);


};

在命令行运行grunt