zl13015214442的博客

1. 模块化模块化就是指将一个复杂的系统分解到多个模块方便编码，但是在js当中是没有模块体系的，在之前我们实现模块化普遍采用的是命名空间的方式，但是通过这种方式来组织代码会造成以下不好的几点：命名空间冲突，两个库可能会使用同一个名称；无法合理的管理项目的依赖和版本；无法方便的控制依赖的加载顺序。所以出现了几种模块加载方案，比如CommonJS和AMD。2. CommonJSCom...

前言：ES6模块化是ECMA提出的JavaScript模块化规范，他在语言的层面上实现了模块化。浏览器厂商和node都宣布要原生支持该规范。他将逐渐取代上一篇所提到的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。采用ES6模块化导入和导出时的代码如下：// 导入import { name } from './person.js'// 导出export const ...

这部分内容接上一篇webpack-js模块的实现一文。在src下新建文件index.css，简单设置个样式，如下：// index.cssbody { background: lightcoral;}现在文件结构如下：然后在入口文件index.js中引入该样式文件：执行指令npx webpack --mode development会报错，告诉我们没有安装相应的解析该文件...

1. 安装首先安装webpack，参考https://blog.youkuaiyun.com/zl13015214442/article/details/96117592一文。2. 配置webpack通过webpack.config.js来配置，来看一下文件构造（zlpack可以忽略）：在webpack.config.js中基本的配置有：// 基于node的 遵循commonJS规范let pa...