本系列文章实际上就是官网文档的翻译加上自己实践过程中的理解。 伴随着websites演化至web apps的过程,有三个现象是很明显的:页面中有越来越多的Js。客户端能做的事情越来越多。越来越少的页面重载(当然也伴随着更复杂的代码)。 这些现象导致了什么?大量的前端代码。 ...
本系列文章实际上就是官网文档的翻译加上自己实践过程中的理解。
伴随着websites演化至web apps的过程,有三个现象是很明显的:
- 页面中有越来越多的Js。
- 客户端能做的事情越来越多。
- 越来越少的页面重载(当然也伴随着更复杂的代码)。
这些现象导致了什么?大量的前端代码。
庞大的代码库需要被高效的组织。而Module(组件式)开发的系统即为大多数开发者采取的途径。
MODULE SYSTEM STYLES
有很多种定义依赖,导出变量的标准或者说方法:
- <script> tag 的形式(不通过组件系统)
- CommonJs
- Amd形式
- ES6组件
- 各种其它风格。。
<script>tag形式
在非组件系统中,我们的模块化后的代码是这样被组织的。
<script src='/images/loading.gif' data-original="module1.js"></script> <script src='/images/loading.gif' data-original="module2.js"></script> <script src='/images/loading.gif' data-original="libraryA.js"></script> <script src='/images/loading.gif' data-original="module3.js"></script>
原标题:webpack 学习笔记 01 使用webpack的原因
关键词:web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。