如何轻松地连接和缩小Javascript文件？

Question

我正在向初学者教授Web开发，我想向他们展示如何连接和缩小他们的Javascript文件。

网上有很多关于如何与Grunt或Gulp“连接和缩小”的教程，但它们需要大量的安装和安装。配置。这对我的需求来说太复杂了。

你知道有什么简单的方法吗？类似于手动运行的简单命令行脚本：

> ./concatAndMinify foo.js bar.js output.js

我一直在寻找没有成功的时间......谢谢！

Answer 1

简单的方法是使用browserify和uglify：

browserify mainFile.js | uglifyjs > concatenatedFile.js

首先安装这两个依赖项，然后你就是黄金：

npm install -g browserify
npm install -g uglify-js

当然你需要在mainFile中包含所有文件，如下所示：

require('file1');
require('file2');

使用gulp你将不得不处理额外的文件只是为了gulp配置（a.k.a. gulp任务），但如果你想与gulp一起去，我也可以编写一个简单的gulp文件来连接文件。