怎么把项目模块化管理？

Question

我没有学过vue react这些框架，但是项目每个页面都会引入大量的公用js脚本，项目是后台管理系统，没有用vue react但是前后端分离，现场学时间赶不上，我该如何去优化和统一管理这些公用js脚本？没个页面都应用那么多js文件好烦，动态创建script标签也不好用，百度了很多方案，用require.js还是sea.js?还是说用es6的模块化标准去写然后webpack打包？求大佬指条明路，小白目前对模块化开发还是很懵懂，想听听目前流行的做法。

Answer 1

最简单的方案：写一个html片段 然后在每个页面头部include进来 注意html片段文件不能包括 html header body等标签

demo:

$("head").load("../html/header.html", null, function () {})

Answer 2

。。
可以把这些公用的 js 写入一个配置文件，然后引入配置文件，动态加载script标签方式

模块化的方案要根据你项目的实际情况

Answer 3

走模块打包器，推荐webpack，vue，react这些框架都会有对应的cli，可以直接运行生成支持模块化编程的项目；目前用webpack+babel+bable polifill来支持es6+语法、结和postcss使用常用插件，如px2rem,auto-prefix等、js和css的压缩，可以使用css预编译的技术来提升开发效能，等等；模块开发方式降低了开发人员的心智复旦；直接解决了远古时期（就是你司目前的开发方式）的开发痛点（代码的依赖关系变得越来越难以维护，开发越来越痛苦。。。）