你的位置:首页 > 软件开发 > Java > webpack 学习笔记 01 使用webpack的原因

webpack 学习笔记 01 使用webpack的原因

发布时间:2015-08-26 00:00:05
本系列文章实际上就是官网文档的翻译加上自己实践过程中的理解。    伴随着websites演化至web apps的过程,有三个现象是很明显的:页面中有越来越多的Js。客户端能做的事情越来越多。越来越少的页面重载(当然也伴随着更复杂的代码)。  这些现象导致了什么?大量的前端代码。 ...

  本系列文章实际上就是官网文档的翻译加上自己实践过程中的理解。

  

  伴随着websites演化至web apps的过程,有三个现象是很明显的:

  1. 页面中有越来越多的Js。
  2. 客户端能做的事情越来越多。
  3. 越来越少的页面重载(当然也伴随着更复杂的代码)。

  这些现象导致了什么?大量的前端代码。  

  庞大的代码库需要被高效的组织。而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

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。