Grunt学习--css文件、js文件、html文件的压缩

最新推荐文章于 2024-08-31 10:06:52 发布

hide_in_darkness

最新推荐文章于 2024-08-31 10:06:52 发布

阅读量103

点赞数

分类专栏： grunt 文章标签： grunt

本文链接：https://blog.csdn.net/hide_in_darkness/article/details/107585854

版权

grunt 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

module.exports = function(grunt) {
  grunt.initConfig({
    //css文件压缩
    cssmin: {
      foo:{
        options: {
          report:'gzip', //生成文件类型 默认是min
          sourceMap:true, //生成map文件
          mergeIntoShorthands: false, //快速压缩
          roundingPrecision: -1   //精确度
        },
        //写法一
        // files:{
        //   "./build/index.min.css":"./src/css/nav.css",
        // }
        // 写法二
        // src:'./src/css/nav.css',
        // dest:'./build/index.min.css'
        //写法三
        files:[{
          src:'./src/css/*.css',
          dest:'./build/css/index.min.css'
        }]
      }
    },

    //html文件压缩
    htmlmin:{
      dist:{
        options:{
          removeComments: true, //删除注释
          collapseWhitespace: true //折叠空白字符
        },
        files:[{
          src:"./*.html",
          dest:"./index.min.html"
        }]
      }
    },

    //babel监听js文件，将es6转换为es5
    babel:{
      options:{
        sourceMap:true,
        presets:["@babel/preset-env"]
      },
      dist:{
        files:{
          "./src/babel/index.js":"src/js/index.js"
        }
      }
    },

    //js文件压缩
    uglify:{
      options:{
        sourceMap:true,
        report:'min',
        beautify:false
      },
      dist:{
        files:{
          './build/js/index.js':'./src/babel/index.js'
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-babel');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-contrib-htmlmin');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-copy');

  grunt.registerTask('default', ['htmlmin','babel','uglify']);

};