Nodejs中大家平时用Grunt主要用什么功能？

Nodejs中大家平时用Grunt主要用什么功能？

Grunt 是一个非常强大的前端构建工具，尽管近年来已经被 Webpack 和 Rollup 等工具部分取代，但在某些项目中仍然非常有用。Grunt 的功能非常丰富，可以通过插件来实现各种任务自动化，比如文件压缩、代码格式化、测试运行等。

常见功能及示例

1. 文件压缩：可以使用 grunt-contrib-uglify 插件来压缩 JavaScript 文件。

   module.exports = function(grunt) {
       grunt.initConfig({
           uglify: {
               options: {
                   banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
               },
               build: {
                   src: 'src/<%= pkg.name %>.js',
                   dest: 'build/<%= pkg.name %>.min.js'
               }
           },
           pkg: grunt.file.readJSON('package.json')
       });
   
       grunt.loadNpmTasks('grunt-contrib-uglify');
       grunt.registerTask('default', ['uglify']);
   };
   

2. CSS 预处理器编译：可以使用 grunt-contrib-less 或 grunt-contrib-sass 来编译 CSS 预处理器文件。

   module.exports = function(grunt) {
       grunt.initConfig({
           less: {
               development: {
                   options: {
                       compress: true,
                       yuicompress: true,
                       optimization: 2
                   },
                   files: {
                       "css/style.css": "less/style.less"
                   }
               }
           },
           pkg: grunt.file.readJSON('package.json')
       });
   
       grunt.loadNpmTasks('grunt-contrib-less');
       grunt.registerTask('default', ['less']);
   };
   

3. 代码格式化：可以使用 grunt-prettier 插件来自动格式化代码。

   module.exports = function(grunt) {
       grunt.initConfig({
           prettier: {
               options: {
                   semi: false,
                   singleQuote: true
               },
               your_target: {
                   src: ['src/**/*.js']
               }
           },
           pkg: grunt.file.readJSON('package.json')
       });
   
       grunt.loadNpmTasks('grunt-prettier');
       grunt.registerTask('default', ['prettier']);
   };
   

4. 测试运行：可以使用 grunt-mocha-test 插件来运行单元测试。

   module.exports = function(grunt) {
       grunt.initConfig({
           mochaTest: {
               test: {
                   options: {
                       reporter: 'spec'
                   },
                   src: ['test/**/*.js']
               }
           },
           pkg: grunt.file.readJSON('package.json')
       });
   
       grunt.loadNpmTasks('grunt-mocha-test');
       grunt.registerTask('default', ['mochaTest']);
   };
   

5. 自动刷新页面：可以使用 grunt-contrib-watch 结合 grunt-connect 来实现开发时的自动刷新。

   module.exports = function(grunt) {
       grunt.initConfig({
           connect: {
               server: {
                   options: {
                       port: 9000,
                       hostname: 'localhost',
                       livereload: 35729
                   }
               }
           },
           watch: {
               files: ['public/*.html', 'public/css/*.css', 'public/js/*.js'],
               options: {
                   livereload: true
               }
           },
           pkg: grunt.file.readJSON('package.json')
       });
   
       grunt.loadNpmTasks('grunt-contrib-watch');
       grunt.loadNpmTasks('grunt-contrib-connect');
       grunt.registerTask('server', ['connect:server', 'watch']);
   };
   

这些只是 Grunt 功能的一部分，通过配置不同的插件，可以实现更复杂的任务自动化。尽管 Grunt 在现代前端开发中的使用频率有所下降，但它仍然是一个非常强大且灵活的工具。