webpack-模块化兼容性

一、模块化兼容性

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

1.同模块化标准

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

2.不同模块化标准

不同的模块化标准，webpack按照如下的方式处理

// ./src/a.js
export default {//es6导出
    a: 1,
    b: 2,
    c: 3
}

// ./src/index.js
var obj = require("./es6a");//commonjs导入
console.log(obj);

使用npx webpack打包

3.最佳实践

代码编写最忌讳的是精神分裂，选择一个合适的模块化标准，然后贯彻整个开发阶段。
webpack --mode=development --watch可以实时对变化的模块进行打包，环境可以自行改变