humorHan

三者的定义及解释 Module 对于 webpack 来说，一切资源结是module(比如包括 JS、CSS、Image等），资源是有类型区别的，那么webpack要求大家根据不同类型使用不同loader去解析这个文件（类似说不同的工作类型需要不同的人员去处理，比如修车师傅用来修车，老板娘用来收钱哈哈） Chunk 按照我们的入口文件，根据静态语法树分析后找到引用关系，将引用代码合并为一个文件，那这个时候就是我们的chunk。 ps：当然有例外情况，比如配置了webpack的单独打包这个时候就不会合并到一个文件，而且类似异步加载 Bundle webpack 处理完 chunk 文件之后，还会经过一系列的优化处理(比如将chunk代码转为es5再比如著名的webpack-bundle-analysis插件就是在最后输出前对依赖关系做的一个关系网用来协助优化构建，也是在这个阶段实现的），最终会输出 bundle 文件，这个 bundle 文件就是我们的最终产物。 ps：换句话说，这三个名词是构建期不同时间段的产物，建议结合webpack工作流一起理解哈

异步组件a中再异步加载b会怎样，还是打出一个包a还是两个包a和b

我的一直提示 ``` 无法连接到运行中的进程，将在10000毫秒后超时 - （原因：无法连接到目标：connect ECONNREFUSED 127.0.0.1:9229） ``` 这个是什么情况呢

> @humorHan 只是有这个报错信息的话我也不知道 可以正常启动，但是debug的时候点击红色关闭按钮或者刷新按钮的时候回报错 [截图](https://p0.meituan.net/dpnewvc/90a7ae8a75dfa5f1d57da83ca01e0158365146.jpg)

> > 我的一直提示 > > ``` > > 无法连接到运行中的进程，将在10000毫秒后超时 - （原因：无法连接到目标：connect ECONNREFUSED 127.0.0.1:9229） > > ``` > > 这个是什么情况呢 可能是没有连接到端口

代码练习这里有笔误 `JS 线程把此代码加入 call stack，遇到 setTimeout，视为异步任务并调用 WebAPIs 中的方法，delay 时间为 100ms，` 看demo应该是1000ms 整体写的很不错~👍

> @jimStyle88 看过一点，不太喜欢乾坤的开发体验，不过它的 import-html-entry 和 JS 沙盒很棒。 开发体验？能具体说下吗

**冷水** 1.externals方案的缺点是什么呢，是外链的包如果升级需要手动添加hash 2.拆分dll，本身并没有问题，但是放在服务器部署的时候，那什么时候应该构建dll的部分是一个js界通用难题

> 我工作中用到优化： > > 1. 排除不用的第三方包， > 2. 使用`npm run build --report`去观察各个文件的大小，使用externals方案及引入cdn, 或者按需加载（比如： element-ui） > 3. 处理 loader 时，配置 include，exclude，缩小 loader 检查范围 > 4. webpack-parallel-uglify-plugin插件, 减少的构建时间 > 5. eslint不检测或者缩小检测范围 >...

请问楼主 1. 上面说的props传递的方式，不可行的原因1没太理解，子应用为啥会有单独运行的场景呢，是因为业务特色嘛 2. 最终楼主有解决方案嘛，求分享~