微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用RequireJS的优化器与单个构建文件来生成多个输出

我目前正在开发一个大型 JavaScript项目,而且我正在使用RequireJS来施加一些结构.

我想使用优化器(r.js)配置一个构建,所以我的项目将被捆绑在一个最小化的文件中(出于生产目的).这是很容易的,但是我在项目中有几个包,并希望将每个包都建立到自己的minized javascript文件中.

文件夹结构示例:

src/core/main.js
src/core/util/HashMap.js (
src/package1/main.js
src/package1/views/view1.js

main.js文件是模块的入口点.

我想配置我的构建,使得在构建完成后,我将具有以下两个输出

core.min.js
package1.min.js

不过我似乎无法让这个工作.使用build config的modules属性似乎并不能最小化每个模块.

任何人都可以清楚我在这里做错什么吗?

解决方法

我遇到了Need.JS要做的一切,正是我自己需要的一切.

我目前正在使用Grunt这个.我将Require.JS plugin for Grunt配置为将十几个模块文件合并成只有2个文件.我使用模块,空:并排除在这里和那里帮助实现这一点. Require.JS仍然是基于其依赖关系组合模块的最佳方法.

然后我使用Uglify plugin for Grunt来分开输出.

虽然这可能对您的用例没有帮助,但我也使用Grunt’s concat plugin来帮助我完成我的输出.

这一切都在Gruntfile.js中,所以一旦文件发生变化,所有这些都会随着grunt watch自动发生,从而使开发刷新测试循环更好.

原文地址:https://www.jb51.cc/js/152493.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐