javascript - 使用 Javascript 预处理器组合 Javascript 文件?

标签 javascript

<分区>

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

我想知道是否有类似 SASS for Javascript 的东西。我的 Javascript 文件越来越大,我花了很多时间来寻找东西。我希望能够将我的文件拆分成更小的文件,并让它们自动组合以服务于客户。我该怎么做?

最佳答案

绝对是 GruntJS http://gruntjs.com/ .

你将要踏上的是真正专业的网络开发之旅,坦率地说是前端工程:)没有回头路可走。

本质上,您创建了一个 Gruntfile.js,其中包含常见的任务,例如文件连接以及可能缩小/丑化您的最终 javascript。您甚至可以让 grunt 任务也处理您的 SASS。您会发现大量 Grunt 任务对您的专业工作流程很有用。

为了使用 Grunt,您需要安装 Node http://nodejs.org/ ;特别是它的包管理器 npm https://www.npmjs.org/使用 Grunt,但使用自制软件之类的东西进行设置非常简单 http://brew.sh/ .

我知道这一切一开始看起来有点令人生畏,但请相信我,一旦掌握了窍门,一切都会无缝衔接。

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

享受

关于javascript - 使用 Javascript 预处理器组合 Javascript 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23319723/

相关文章:

javascript - 使用类/异步等待时获取未定义的 "this"

javascript - 如何在 html 中使用外部 Javascript 类?

javascript - 带有搜索框的 jQuery 关键事件

javascript - AngularJS 返回大括号中的变量名称,而不是值

javascript - 如何将带有tinestamp等的CSV文件输入到mahout中实现相似度等功能?

javascript - VueJS 中绑定(bind)函数的含义

javascript - 在 Django 中,如何将 Python 日期时间字符串转换为 Javascript Date 对象?

javascript - Angular 自定义复选框指令在 ng-repeat 中不起作用

javascript - 如何更改 Highchart 工具提示的对齐方式?

javascript - 如何避免在小视口(viewport)上打开litebox?