如何构建中型网站的前端Javascript

Question

我正在寻找一种合理的方法来构建我的Javascript代码，用于越来越依赖Javascript的常规网站。

大型Javascript应用程序使用 - 将您的框架置于此处，Angular，React，Backbone。只需在脚本样式中列出$().slider()，$().popup()，小网站就足够了。

我目前所做的是将模块模式用于不同的部分 - 滑块，弹出窗口 - 并在我的jQuery(document).ready(function($) { ... });函数中初始化它们。例如：

jQuery(document).ready(function($) {

    HomeSlider.init();
    ImageGallery.init();

});

库通过Bower加载，并由Gulp自动添加。我们也欢迎任何其他建议。

一旦添加了更多的库，就会进行更多的REST / AJAX调用，并且更频繁地使用pushState，我的Javascript开始变得混乱，并跟踪在何时/何地发生的事情。

我正在寻找建议来构建这个Javascript的常规和现代的＃39;网站没有承诺一个大框架和过度工程＆＃39;我的代码。这可能是代码示例的形式，＆＃39; light＆＃39;框架或任何文献。

非常感谢阅读，甚至回答我的问题！

Answer 1

我自己的问题的答案现在是：使用VueJS。