课件和源代码下载地址

精选留言(15)

• 
  西府海棠

  2019-08-28

  老师，这个分包后到生产环境是需要手动引入分包的js吗，我一直报not defined。。

   2

   8
• 
  Juntíng

  2019-11-02

  老师，这里构建打包的过程时缺少了一步，自动将 dll 包插入各个 html 页面中，还需要手动进行插入。

  

   3
• 
  mcfly

  2019-09-30

  dll的方式好像在webpack4里面应用的不是很多了，webpack4已经做了优化，我查看了下vue-cli以及create-react-app都抛弃了这个配置，具体原因地址：https://github.com/vuejs/vue-cli/issues/1205

  作者回复: 是的，如果项目使用了 Webpack4，确实对 dll 的依赖没那么大，使用 dll 相对来说提升也不是特别明显。而且有 hard-source-webpack-plugin 可以极大提升二次构建速度。
  
  不过从实际前端工程中来说， dll 还是很有必要掌握的。对于一个团队而言，基本是采用相同的技术栈，要么 React、要么Vue 等等。这个时候，通常的做法都是把公共框架打成一个 common bundle 文件供所有项目使用。比如我们团队会将 react、react-dom、redux、react-redux 等等打包成一个公共库。dll 可以很好的满足这种场景：将多个npm包打成一个公共包。因此团队里面的分包方案使用 dll 还是很有价值，常见的会从整个工程的角度分为基础包（react、redux等）、业务公共包（所有业务都要用到的监控上报脚本、页面初始化脚本）、某个业务的js。

  

   2
• 
  哈

  2019-09-22

  老师，我npm run build之后，index.html中并没有引入dll打包出来的文件，是还需要做别的操作吗？

  

   1
• 
  覃

  2019-08-12

  老师好，我这里按照您的方法分别写好了DllPlugin和DllReferencePlugin，且编译用时、包的大小均有减少无报错。但运行的时候提示library_[hash] is not defined。 不知道是什么原因？ 是不能和splitChunks同时使用吗？ 希望老师能指点一二

   3

   1
• 
  Ricardo·M·Liang

  2019-11-17

  分包好了，上线怎么搞，公用包的js扔哪里呢。。刷到了50章，发现有些学员问题没人给出答案啊。云里雾里。。

  

  
• 
  花狗是我

  2019-11-05

  我来分析一下为什么会报library_fc272b992b57c3c5ad13 is not defined, 因为DllPlugin把react公共包打包完成后，这个js文件全局暴露一个变量名就是library_fc272b992b57c3c5ad13，老师的输出配置output.library = [name]， 而new webpack.DllPlugin({name: [name]_[hash]}),这两个值必须相等才行，如果不等会报错，一个加hash，另外一个也要加hash，或者都不加hash。另外我通过测试发现，不能给filename加chunkhash。这上面的步骤完成，再在html里面引入library_fc272b992b57c3c5ad13.dll这个js文件，或者通过AddAssetHtmlPlugin这个插件自动注入

  展开

   1

  
• 
  Glee

  2019-10-30

  老师，这个分包后到生产环境是需要手动引入分包的js吗，还是说html-webpack-plugin会自动打进去？？？

  

  
• 
  花狗是我

  2019-10-29

  老师，webpack打包的时候，怎么分别打包成不同的目录，比如，search/下面放search.js search.html
  图片有专门的image的文件目录 css有专门的css文件目录？可能你讲了我还没看到，请老师指点，谢谢。

  

  
• 
  Juntíng

  2019-10-18

  老师你讲 promise 的源代码可以分享一下嘛

  

  
• 
  啦啦

  2019-09-25

  老师，你的vscode的webpack自动补全用的哪个插件啊？
  

  

  
• 
  leslee

  2019-09-03

  output.library 我在官网上没搜到是什么用途, 我测试了一下, 不写也OK...

  

  
• 
  archer😄

  2019-08-10

  请问老师，dllplugin和splitChunks可以一起用吗?有没有什么区别和联系?

  作者回复: 可以一起使用。 DllPlugin 通常用于基础包（框架包、业务包）的分离。
  
  SplitChunks 虽然也可以做 DllPlugin 的事情，但是更加推荐使用 SplitChunks 去提取页面间的公共 js 文件。因为使用 SplitChunks 每次去提取基础包还是需要耗费构建时间的，如果是 DllPlugin 只需要预编译一次，后面的基础包时间都可以省略掉。

  

  
• 
  Hurry

  2019-08-09

  通过分包，会多一个 script 标签，这个script 标签的路径是从 manifest.json 中获取的吧，所以我部署的话也得考虑将 build 目录 和 dist 目录一同部署吧

  

  
• 
  袋袋

  2019-08-08

  entry中的react reactdom等是在Index入口模板中用cdn引入的吗还是怎么取到的这个全局文件，如果是cdn引入的话最后生成的这个新的script标签会把以前cdn的替换掉吗

  

  