课件和源代码下载地址

如果我既想提取静态资源react,又想提取公共资源还想打到不同的文件里怎么办，支持数组方式吗

为什么使用 optimization.splitChunks 抽取了 vue、vue-router、vuex之后，当我运行的时候，浏览器中报 Uncaught TypeError: Cannot read property 'call' of undefined 这个错误哦，这些包确实是抽取出来了，但是就是运行不起来，请问下问题出在哪里，我都是按照视频的要求来配置的，只是你是用的react，我是使用的vue，应该没影响吧？

老师会讲一些比较好点的换肤方案吗？

特别是这个提取页面公共资源一节。如果是用框架比如 VUE3 写项目，很少需要用 script 引入什么东西，一般不是直接 npm 吗？难道是做的项目都太小了吗？哈哈，期待回复。

老师，您好，我想问一下 HtmlWebpackPlugin 的 chunks 配置中引入 chunks 顺序会有影响吗？提取出来的common chunk 是不是应该写在 HtmlWebpackPlugin 的 chunks 配置数组的最前面？

求老师这款vscode主题

很好

老师有一个疑问，在webpack.prod.js文件里已经写入了react和React-dom的entry地址，为什么还要在html文件中引入呢？

这里没有在html模板里面用script引入react和react-dom, webpack.prod.js配置好后,在打包后的index.html中,自动引入了react和react-dom各一次, 在search.html中各引入了两次,这是为什么啊,求翻牌!

module.exports = { //... optimization: { splitChunks: { // async：异步引入的库进行分离（默认）， initial： 同步引入的库进行分离， all：所有引入的库进行分离（推荐） chunks: 'async', minSize: 30000, // 抽离的公共包最小的大小，单位字节 maxSize: 0, // 最大的大小 minChunks: 1, // 资源使用的次数(在多个页面使用到)， 大于1， 最小使用次数 maxAsyncRequests: 5, // 并发请求的数量 maxInitialRequests: 3, // 入口文件做代码分割最多能分成3个js文件 automaticNameDelimiter: '~', // 文件生成时的连接符 automaticNameMaxLength: 30, // 自动自动命名最大长度 name: true, //让cacheGroups里设置的名字有效 cacheGroups: { //当打包同步代码时,上面的参数生效 vendors: { test: /[\\/]node_modules[\\/]/, //检测引入的库是否在node_modlues目录下的 priority: -10, //值越大,优先级越高.模块先打包到优先级高的组里 filename: 'vendors.js'//把所有的库都打包到一个叫vendors.js的文件里 }, default: { minChunks: 2, // 上面有 priority: -20, // 上面有 reuseExistingChunk: true //如果一个模块已经被打包过了,那么再打包时就忽略这个上模块 } } } } };