如何创建grunt文件来缩小我的js文件

Question

我不知道如何使用grunt缩小我的JSfiles。我希望有人可以帮助我如何创建grunt文件，以便逐步缩小我的js文件。

Answer 1

首先，运行npm init以创建package.json。

npm init

然后，创建一个Gruntfile.js文件：

module.exports = function(grunt) {

  grunt.initConfig({
    uglify: {
      my_target: {
        files: {
          'path/to/your/minified.js': ['src/script1.js', 'src/script2.js', 'src/script3.js']
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-uglify');

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

}; 

要缩小您的JS文件，我建议grunt-uglify。

Here是文档，但我将逐步分享安装。

通过npm安装插件：

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

然后，在Gruntfile.js：

中添加此内容

grunt.loadNpmTasks('grunt-contrib-uglify');

基本配置如下：

grunt.initConfig({
  uglify: {
    my_target: {
      files: {
        'path/to/your/minified.js': ['src/script1.js', 'src/script2.js', 'src/script3.js']
      }
    }
  }
});

您的minified.js文件是缩小所有js文件的结果。

希望它有所帮助。