3.模块化兼容性

77 阅读1分钟

模块化兼容性

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

同模块化标准

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

2020-01-07-07-50-09.png

2020-01-07-07-53-45.png

不同模块化标准

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

2020-01-07-07-54-25.png

2020-01-07-07-55-54.png

最佳实践

代码编写最忌讳的是精神分裂,选择一个合适的模块化标准,然后贯彻整个开发阶段。

Webpack 打包过程是在node环境,开发代码环境的代码不论你是用的什么模块化,都会被webpack 转化为普通的js调用,最终打包的结果也分为你是开发环境,还是生产环境,生产环境的代码更精简,更优化。

Pasted Graphic 23.tiff

其他东西

Pasted Graphic 26.tiff

上面的配置watch,可以让在代码发生改变的时就执行打包指令