注：本文重点不是怎样配置webpack.config.js并实现相应的功能，而是通过对比webpack编译前和编译后文件，探究webpack打包后的文件是怎样加载执行的。本文讨论commonJS模块化方案时，webpack的打包工作。为了便于讨论，我们准备了一个非常简单的例子，涉及三个文件，分别是 ...
分类：
Web程序 时间：
2020-03-29 19:33:26
阅读次数：
93
CommonJs写法规范 moudel.export = {}//导出 let util = require('./util.js') ES6 export var a = 10 export var b = 10 export var c = 10 export default {} import ...
分类：
其他好文 时间：
2020-03-29 01:28:08
阅读次数：
66
webpack基本概念 1. webpack中的module，chunk 和 bundle module 就是一个js模块，就是被require或export的模块，例如 ES模块，commonjs模块，AMD模块chunk 是 代码块，是进行依赖分析的时候，代码分割出来的代码块，包括一个或多个mo ...
分类：
Web程序 时间：
2020-03-29 01:23:50
阅读次数：
335
1. 概述 js发展初期暴露了其缺陷：缺乏模块，后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手，发现对于其JavaScript的模块机制，不是很理解。我查阅了一些资料整理了JavaScript CommonJS的原理和机制。 2. JavaScript 2.1 无后端 ...
分类：
编程语言 时间：
2020-03-28 19:55:17
阅读次数：
84
CommonJS、AMD、UMD、ESM 无论是那种模块化规范，重点关注 独立模块作用域 导出模块内部数据 导入外部模块数据 CommonJS 在早起前端对于模块化并没有什么规范，反而是偏向服务端的应用有更强烈的需求，CommonJS 规范就是一套偏向服务端的模块化规范，NodeJS 就采用了这个规 ...
分类：
Web程序 时间：
2020-03-26 01:20:15
阅读次数：
99
一、CommonJS 1，CommonJS 基本介绍 （1）CommonJS 是一种思想，它是为 JS 的表现来制定规范。由于 JS 没有模块系统、标准库较少、缺乏包管理工具，因此 CommonJS 应运而生。 （2）CommonJS 的目标是希望 JS 可以在任何地方运行，不只是浏览器中。只要我们 ...
分类：
Web程序 时间：
2020-03-25 13:21:51
阅读次数：
95
一、弄清基本信息： CommonJS规范 ES6语法 导出模块：module.exports 导出模块：export exports export default 导入模块：require 导入模块：import ***module.exports导出对应require导入，export导出对应im ...
分类：
其他好文 时间：
2020-03-14 22:04:44
阅读次数：
72
1、浏览器加载 2、ES6 模块与 CommonJS 模块的差异 3、Node.js 加载 4、循环加载 ...
分类：
其他好文 时间：
2020-03-13 23:26:21
阅读次数：
60
AMD AMD是RequireJS在推广的过程中对异步模块定义的规范化产出 RequireJS可以动态的异步加载我们项目中的文件 例： 使用package加载lib库 通过一个lib的回调函数来使用lib库中的方法,最后通过return来返回。 CMD CMD是SeaJS（淘宝团队提出）在推广的过程 ...
分类：
Web程序 时间：
2020-03-10 21:59:24
阅读次数：
80
Commonjs模块化打包 接下来进行打包验证 npx webpack，输出结果部分如下 然后执行测试下打包输出文件main.js，这里测试有两者方法 （1）直接使用node环境测试 node main.js （2）新建html文件，引入js脚本然后启动验证 接下来执行live-server启动，然 ...
分类：
Web程序 时间：
2020-03-04 19:30:04
阅读次数：
81
