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

Question

我不知道如何使用 grunt.I 缩小我的 JS 文件，希望有人能帮助我如何创建 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 文件缩小的结果。

希望对您有所帮助。

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

how to create grunt file to minified my js files

gruntjs