使用Javascript预处理器组合Javascript文件？

我最近开始使用SASS（CSS的预处理器），我非常喜欢它。我最喜欢的功能是能够将我的样式表拆分成单独的文件，这样一切都会更有条理

---

我想知道是否有类似Javascript的SASS。我的Javascript文件越来越大，我花了很多时间只是想找到一些东西。我希望能够将我的文件分割成更小的文件，并将它们自动组合起来，以服务于客户。我该怎么做？

检查以下用于JS预处理的便捷工具：

希望能有所帮助。

绝对是GruntJS

在这里，您将开始一段真正的专业web开发之旅，坦率地说，这是一段前端工程之旅：）不会有回头路

实际上，您创建了一个Gruntfile.js，其中包含一些常见任务，比如文件连接，或者缩小/增强最终javascript。你甚至可以让grunt任务处理你的SASS。在你的专业工作流程中，你会发现有太多的繁重任务

为了使用Grunt，您需要安装Node；特别是它的包管理器

npm

可以使用Grunt，但使用类似于自制的东西进行设置非常简单

我知道这一切一开始似乎有点让人畏缩，但相信我，一旦你掌握了窍门，一切就会天衣无缝地结合在一起

慢慢来，所有被引用的站点都很好地解释了如何使用它们以及开始需要什么

---

享受

看看棕色、咕噜声或狼吞虎咽

Browserify非常适合在单独的文件中模块化javascript代码，grunt/gulp可以监视文件的更改，并自动将它们捆绑到一个生产JS文件中。（您还可以将它们设置为监视/编译SCSS文件，将coffeescript编译为JS等）

浏览： 快速介绍：

咕噜声：

大口喝：

---

启动和运行有点学习曲线，但值得为生产力的提高而努力。看看grunt和gulp，看看哪一个对你来说更直观，因为你只需要一个或另一个。

我也是grunt的粉丝。有很多插件，它几乎可以执行任何可以编写脚本的任务。它是工具箱中一个很有价值的工具，所以我建议您学习它。我已经推荐了这段视频，过去有人很难开始使用Grunt，他们都认为这很有帮助。也许对你来说也是这样：

也就是说，实际上我使用的是CodeKit。我只是发现它是一个更快的工作流程，我编译，林特和压缩我的文件生产。它是非常通用的，可以处理SASS和JS文件。UI直观且易于为新项目配置，我喜欢添加的功能，即无需手动刷新浏览器即可实时查看我的更改。如果你使用Mac电脑，并且愿意支付29美元，请下载免费试用版并查看