课件和源代码下载地址

精选留言(33)

• 
  Storm

  2019-05-31

  webpack只能全量更新？
  比如我某个js，没变过，但是打包的时候，这个文件还是被重新生成到dist目录了，这样部署到服务器的时候，本来只需要增量更新文件，这样一来，就变成全量更新了。非常浪费时间

  作者回复: 准确的说这个增量更新还是全量更新并不是 webpack 去做的，而是部署脚本或者部署服务器去关注的，webpack 只负责构建。
  
  通常的做法是： webpack 打包的时候会给每个文件生成文件指纹(这个通常可以理解成静态资源的版本)。然后部署脚本进行部署操作，比如: scp、rsync 等操作把资源发布到 生产机器或者 cdn 的时候。发布上去后，部署系统会将当前的静态资源的列表存起来，下次再次进行部署会将新的资源列表和前一次的资源列表进行比对。如果文件指纹没有变化，则不会进行覆盖操作，从而达到增量部署。

  

   7
• 
  陈小渣👻

  2019-06-10

  想问下老师，为什么已经默认有了JS压缩和使用了OptimizeCssAssetsPlugin 压缩 CSS。
  
  但在 HtmlWebpackPlugin 中的 minify 中还要加入 minifyCSS 和 minifyJS，会不会过于繁琐呢？希望老师解答，谢谢！

  作者回复: HtmlWebpackPlugin 里面的minify 的 minifyCSS 参数和minifyJS参数是用于去压缩一开始就内联在 html 里面的css和js，不是打包生成的 css 和 js

  

   4
• 
  浩明啦

  2019-05-31

  老师 我好像在腾讯课堂见过你 哈哈

  作者回复: 😄 之前在腾讯课堂做过直播

  

   4
• 
  Treasure

  2019-07-17

  按照您的步骤一步一步来的
  没有报错消息
  结果dist目录下也生成了对应的html 并且inject没有问题 但是代码未曾压缩
  很困惑 求解啊 老师~

  

   1
• 
  Zkerhcy

  2019-06-05

  HtmlWebpackPlugin中参数chunks的值数组对应的是entry中的键吧，视频里这个没说太明白，
  总体课讲的比较通俗易懂。

  作者回复: 是的，你希望哪个 chunk 自动注入到哪个 html-webpack-plugin 就可以直接把相应的chunk写入到这个 chunks 的数组里就好了。
  
  在26节多页面通用打包会更详细的介绍到 html-webpack-plugin 的用法

  

   1
• 
  陈森

  2019-06-05

  老师一直疑惑chunk是啥

  作者回复: 有三个比较容易混淆的概念，bundle，chunk和module。
  
  bundle：打包最终生成的文件
  chunk：每个chunk是由多个module组成，可以通过代码分割成多个chunk。
  module：webpack中的模块（js、css、图片等等）

  

   1
• 
  天青

  2019-05-31

  视频质量很高，物超所值。老师加油。

  作者回复: 感谢夸奖～

  

   1
• 
  （●—●）™Chenley...

  2019-05-31

  加油，更新…

  作者回复: 嗯嗯，在努力更新中了

  

   1
• 
  陈程城

  2019-12-08

  讲道理不需要安装cssnano，optimize-css-assets-webpack-plugin插件是有向dependencies中引入cssnano的，可能是因为cssnano是属于默认配置吧

  

  
• 
  Ricardo·M·Liang

  2019-11-14

  css-loader 不是自带css压缩吗

  

  
• 
  feidiy

  2019-10-21

  preserveLineBreaks这个什么意思呢，没在文档找到相关解释

   1

  
• 
  安静

  2019-10-21

  老师，按官网上的说明配置了mini-css-extract-plugin的热更新，但是只有第一次修改的时候内容自动更新了，后面再修改就是自动编译但页面内容没更新，reloadAll已设置成true了，这个是什么原因呢？求解

   2

  
• 
  sunbeam

  2019-10-21

  node_modules\webpack-cli\bin\cli.js:356
                                                                  if (!e && fileOwnerId === process.getuid()) utimesSync(openCollectivePath, now, now);
                                                                                                    ^
  
  TypeError: process.getuid is not a function
      at e (D:\demo\webpack4.0-project\node_modules\webpack-cli\bin\cli.js:356:43)
      at FSReqWrap.args [as oncomplete] (fs.js:140:20)
  
  
  这报错啥意思呢
  

  展开

  

  
• 
  安静

  2019-10-18

  老师，html-webpack-plugin配置里加了minifyCSS和minifyJS为ture，但是打包出来的文件并没有压缩，其他的参数都是有效的比如html的压缩是有的，这可能是什么原因呢？

   1

  
• 
  Maker

  2019-10-06

  老师好呀呀，我在压缩css的时候，只要安装optimize-css-assets-webpack-plugin，然后直接在plugins调用new OptimizeCssAssetsPlugin()就可以了,不用传参数，也不需要cssnano。是不是现在的插件更新了呀呀呀

  

  
• 
  南

  2019-07-23

  老师，webpack 启动报错，完全不知道原因！ 没有错误提示

  

  
• 
  Treasure

  2019-07-17

  https://github.com/jantimon/html-webpack-plugin/issues/895
  这个也没解释明白 可以切换版本使用 但是还是有报错 希望老师可以出面解答一下吧

  

  
• 
  metthew😀

  2019-07-16

  webpack uglify

  

  
• 
  勿妄

  2019-07-03

  Entrypoint undefined = index.html 怎么解决？网上没找到答案

   3

  
• 
  槑

  2019-06-27

  老师，这里一直用的是mincssextract来提取css，那跟以前的extracttext相比有什么优势吗？

  作者回复: 主要是extracttext在webpack4已经不推荐了，不支持webpack4

  

  