【问题标题】:How to concat and minify Javascript files really easily?如何真正轻松地连接和缩小 Javascript 文件?
【发布时间】:2016-04-09 18:01:04
【问题描述】:
我正在向初学者教授 Web 开发,我想向他们展示如何连接和缩小他们的 Javascript 文件。
网上有很多关于如何使用 Grunt 或 Gulp “连接和缩小”的教程,但它们需要大量的安装和配置。这对我的需求来说太复杂了。
您知道任何非常简单的方法吗?类似于手动运行的简单命令行脚本:
> ./concatAndMinify foo.js bar.js output.js
我一直在寻找几个小时没有成功...谢谢!
【问题讨论】:
标签:
web
gruntjs
gulp
concatenation
minify
【解决方案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 配置(也称为 gulp 任务)处理其他文件,但如果您想使用 gulp,我还可以编写一个简单的 gulpfile 用于连接文件。