webpack基础知识详解

webpack基础

01-模块化历程

起初,js没有模块化概念,导致出现一些问题:

  • 容易造成变量污染
  • 文件之间的依赖关系模糊

浏览器端模块化:异步模块化规范

  • require.js 是AMD规范 (异步模块化规范) 依赖前置
  • sea.js 说CMD规范(通过模块化规范 异步) 依赖就近

Nodejs模块化:同步模块化规范

  • CommonJS规范
  • 导出:module.exports
  • 导入:require

ES6模块化:同步模块化规范

  • 默认导出 export default
  • 导入 import xxx from ‘xxx’

在浏览器端无法使用,Es6的模块化,需要使用打包工具,将基于Es6的的模块打包在一起。

02-webpack-介绍

本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph)ÿ


版权声明:本文为weixin_44867717原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。