如何将基于RactiveJS的库构建为一个JS文件



(相关问题:rv.js和r.js之间有什么区别?)

我有一系列基于RactiveJS的组件,每个组件都在自己的模块中。我使用Racive网站上提到的rv.js加载程序(上面有链接)。我喜欢它,但我想做的是使用它(或类似的东西)构建一个JS文件,即使在非AMD/RequireJS应用程序中也能工作。我看过Almond,但它似乎想使用r.js(而不是rv.js),我不确定有什么区别,也不确定我需要做什么更改。

加分:有没有办法在Gulp中运行所有这些?当他不得不使用命令行时,我是那种退缩的人,所以请慢慢说,并原谅我的无知:)

回答有点晚,对此深表歉意。

  • rv.js是一个RequireJS插件,它加载实用组件,就好像它们是javascript模块一样
  • r.js是RequireJS优化器,用于将所有文件和minify捆绑在一起(正是您的用例)

RequireJS的大小相当大,您不希望它在构建过程中与应用程序js捆绑在一起。

输入almond.js。它模仿RequireJS的模块解析,但没有处理通过网络实际加载文件的代码。结果是文件大小变小。

所以,你的工作流程应该是:

  • 您在开发过程中使用RequireJS
  • 使用rv.js加载实际组件
  • 到了构建的时候,您可以使用r.js来构建
  • 并确保almond.js在最终构建的js文件中替换RequireJS

现在,我使用grunt,并且有一个插件:grunt contrib requirejs

对于gump,我建议gump requirejs优化
如果您查看该页面上的文档,它可以选择在构建过程中将requirejs替换为杏仁。

希望能有所帮助。

相关内容

最新更新