如果前端没有模块化，使用require.js sea.js还有必要吗

Question

例如如果全是这种代码：

javascript$(function(){
    $.post('xxx',{params},function(data){
        // do somethings
    },'json')

    if(some condition){
        $('xxx').addClass('xxx');
    }
});

最近一直好纠结这个问题，页面里成片的这种代码，怎么管理呢，希望大家给我一些关于前端架构方面的经验，谢谢

Answer 1

seajs或者requirejs除了可以模块化之外，也是一个独立的文件加载器。站点的很多JS不是需要页面打开的时候就需要马上加载的，这些可以只使用seajs和requirejs的文件异步懒加载功能

Answer 2

页面里面成片的这种代码本身就存在一些问题，如：
1.代码可读性问题
2.维护问题
3.耦合问题

个人建议：

首先拿到一个页面的时候不要急于马上开发，先看下当前页面可以划分为多少功能区（功能模块），这样使用一些技巧针对不同模块做代码上的区分，如：

Module.create('module1', {...})

Module.create('module2', {...})

当然，这种方式跟sea和require没有本质上的关联，只是你处理业务的一种手段 :)

Answer 3

试试webpack或者browserify如何？

Answer 4

很多时候是设计切图前端后端同时开发，这时候你就需要沟通并且不要发火