推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide 
这是一个创建于 4542 天前的主题，其中的信息可能已经有所发展或是发生改变。
有个疑问，首先我的文件结构是 base.js 和 main.js 这样两个文件，base 中存放全站通用的一些方法函数，base 不合并，方便客户端缓存。 main 为每个页面的私有 js 文件。页面两个 seajs.use 入口。
此时，有某几个函数为全站通用，但是参数不同，我通过 exports.abc 的方式在 base 中开出接口，通过 var base = require("./base"); 在 main 中调用，但是构建的时候 grunt 就会把 base 合并到 main 中。
请问有什么办法即可以将方法的代码存于 base 中避免代码重复，同时又可以在 main 中调用到该方法，并且构建时不将 base 合并到 main ？
此时，有某几个函数为全站通用，但是参数不同，我通过 exports.abc 的方式在 base 中开出接口，通过 var base = require("./base"); 在 main 中调用，但是构建的时候 grunt 就会把 base 合并到 main 中。
请问有什么办法即可以将方法的代码存于 base 中避免代码重复，同时又可以在 main 中调用到该方法，并且构建时不将 base 合并到 main ？
第 1 条附言 2013-05-13 16:41:19 +08:00
demo:
https://dl.dropboxusercontent.com/u/18092644/mod.7z
这个是我的 demo ，其中 js/dist 是构建好的发布版，可以看到里面的 [main] 将被调用到的 [base] [head] [verifica] 全部合并进去了。
构建前的源文件依赖关系是 [main] 中 require 了 [base] 和 [verifica] ，[base] 中 require 了 [head]，那么构建完成后我期望的效果是 [main] 中合并了 [verifica] 的代码，但不合并 [base] 及 [head] 的代码，因为这两块代码是全站复用性很高的代码，每个私有(main)都合并的话代码重复率会很高，但同时也能调用到 [base] 中的方法。
我现在不知道如何解决。
https://dl.dropboxusercontent.com/u/18092644/mod.7z
这个是我的 demo ，其中 js/dist 是构建好的发布版，可以看到里面的 [main] 将被调用到的 [base] [head] [verifica] 全部合并进去了。
构建前的源文件依赖关系是 [main] 中 require 了 [base] 和 [verifica] ，[base] 中 require 了 [head]，那么构建完成后我期望的效果是 [main] 中合并了 [verifica] 的代码，但不合并 [base] 及 [head] 的代码，因为这两块代码是全站复用性很高的代码，每个私有(main)都合并的话代码重复率会很高，但同时也能调用到 [base] 中的方法。
我现在不知道如何解决。
 | 1 YFZZ OP PRO 又或者说，这几个全站通用的函数也封装成独立的模块 .js 文件，然后使用的时候在 main 中 require 进来，构建时合并？ 然后 seajs.use 入口就只有一个 main ，彻底不要 base 。虽然会有重复代码，但应该不会太多…… |
 | 2 chemzqm 2013-05-06 22:24:14 +08:00 使用Seajs官方的spm https://github.com/spmjs/spm 来打包吧， 可以指定规则。 或者把你的公共函数都放到一个全局变量（或者叫命名空间）下面，然后把它用script标签引入页面就行了。 我个人反对为了模块化而模块化，绝大部分网站不会像支付宝的前端那么复杂，没有必要打包的代码放到全局将来维护也会更容易些。 |
 | 3 libo 2013-05-07 10:36:09 +08:00 打包规则中默认是打包相对路径的模块的，如果你的base是通用的，建议在sea-config.js中配置一个alias (配合合理的文件夹及文件放置)，比如: alias:{"base","path/to/base.js"} 这样你在使用时直接使用require("base")就可以了，打包时他就不会打包这个文件了 |
| 4 YFZZ OP PRO |
| 5 chemzqm 2013-05-13 17:42:17 +08:00 看了下你的demo，很明显问题在与grunt-cmd-transport这个工具不支持复杂打包方式，我个人觉得如果公共部分不太复杂用script标签可以接受，如果你一定要统一依赖关系的话还是用官方的spm吧 https://github.com/spmjs/spm2， 类似seajs的问题建议你加入 [email protected] 邮件列表在邮件里面提，会很快得到答复的。 |
Select Language