详解webpack模块化管理和打包工具

详解webpack模块化管理和打包工具

本篇文章主要介绍了详解webpack模块化管理和打包工具，觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随过来看看吧

Webpack简介

webpack是当下最热门的前端资源模块化管理和打包工具。 它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际

需要的时候再异步加载。通过 loader&nbsZyqsgTJGSp; 的转换，任何形式的资源都可以视作模块，比如 Commonjs 模块、 AMD 模块、 ES6 模块、css、图片、 JSON、Coffeescript、 LESS 等。

模块系统的演进

这是最原始的 javascript 文件加载方式，如果把每一个文件看做是一个模块，那么他们的接口通常是暴露在全局作用域下，也就是定义在 window  对象中，

不同模块的接口调用都是一个作用域中，一些复杂的框架，会使用命名空间的概念来组织这些模块的接口，典型的例子如 YUI  库。

这种原始的加载方式暴露了一些显而易见的弊端：

全局作用域下容易造成变量冲突

文件只能按照  

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。