如何构建基于RactiveJS的库到一个JS文件中？

Question

（相关的问题：什么是rv.js和r.js之差）

我有一系列基于RactiveJS成分的，各自在自己的模块。我使用Ractive网站上提到的rv.js加载器（上面链接的）。我喜欢它，但我想要做的就是使用（或类似的）构建一个JS文件，即使在非AMD/RequireJS应用程序中也可以工作。我看过杏仁，但它似乎想要使用r.js（而不是rv.js），我不确定它们之间有什么区别或需要做什么变化。

积分：有没有办法在Gulp中运行所有这些？我是那些需要使用命令行的人中的一员，所以请慢慢说，并原谅我的无知:)

Answer 1

有点迟，回答道歉。

• rv.js是加载ractive成分，如果他们是JavaScript的模块
• r.js一个RequireJS插件是RequireJS优化，用于捆绑的所有文件一起，缩小（准确的用例）

RequireJS的体积相当大，并且您不希望它在构建过程中与应用程序js捆绑在一起。

输入almond.js。它模仿RequireJS的模块分辨率，但没有代码来处理通过网络实际加载的文件。结果是一个较小的文件大小。

所以，您的工作流程是：

• 您在开发过程中使用RequireJS
• 使用rv.js，因为你已经来加载ractive组件
• 当它的时间来建立，可以使用r.js打造
• ，确保almond.js最终建成js文件

取代RequireJS现在，我使用的呼噜声，并有是一个插件：grunt-contrib-requirejs

对于一饮而尽，我建议gulp-requirejs-optimize
它有自己的选择，如果你看一下该网页上的文档，在生成过程中，以取代杏仁requirejs。

希望有所帮助。