前端工程化之：webpack1-3(模块化兼容性)

猛扇赵四那半好嘴

已于 2024-01-24 16:19:29 修改

阅读量579

点赞数 11

分类专栏：前端工程化文章标签：前端 webpack es6

于 2024-01-24 08:43:03 首次发布

本文链接：https://blog.csdn.net/m0_60189088/article/details/135773556

版权

一、模块化兼容性

由于 webpack 同时支持 CommonJs 和 ES6 module ，因此需要理解它们互操作时 webpack 是如何处理的。

如果导出和导入使用的是同一种模块化标准，打包后的效果和之前所说的模块化没有任何差异。

CommonJS：

// 导出
module.exports = {
  a: 1,
  b: 2,
  c: 3
}

// 导入
require("./a")


// 导入的结果
{
  a: 1,
  b: 2,
  c: 3
}

ES6 Module：

// 导出
export var a = 1;
export var b = 2;
export default 3;

// 导入1
import