随着公司项目的模块越来越多，每次打包后的项目都非常大，而且每修改一个小的模块，都会将整个项目打包，会非常的麻烦，随着前端的发展，微服务的出现，很好的解决了项目庞大的问题，而且每修改一个模块，可以单独打包发布。项目的公共组件，因为每个单独项目都会有公共的组件，不可能每个项目都复制一份，这样冗余代码太多，也不好维护1、可以通过构建一个项目组件，发布到npm上面npm麻烦的地方，在于每次组件的修改，都需要升级npm的版本号，每个项目需要重新更新新的组件，也挺麻烦的。

最近在做项目过程中，遇到一个问题，对一个UI组件，解构出我们需要的组件，进行注册，但是运行的时候报错了，写了一个小例子代码运行编译时候报错了 说没有找到obj和obj2，这是为什么？我们来把代码修改下通过 webpack打包下，然后来看下，打包完以后，在main.js，把index.js打包编译成什么样子 看过webpack打包源码的都知道，通过import导入在打包的时候import会被替换成__webapck_require_方法，去获取，参数1是因为我们现在有两个文件，一个是index.