Open Sunshine168 opened 6 years ago
在给脚手架进一步升级,整理一下这次升级所看到的一些资料。 目前webpack进入v4以来迭代还是比较快。。 感觉还是相对没那么稳定
entry 入口文件(单页一般就一个，如果是数组的形式则是代表入口的顺序。而多页面就是对象的形式可能打包出多个入口到不同的页面) output 输出的文件形式
loader 解析代码的转换器,通过设定不同规则进行转换 plugin 插件
chunk 代码块 组成bundle
module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。
webpack和webpack-cli 是在v4中需要用到的依赖。 通过mode设定为development 或者是 production 还有不推荐使用的none。
entry 的默认值是 ./src output.path 的默认值是 ./dist mode 的默认值是 production
官方example 成为webpack中的头号玩家 webpack4 SPA 入门 前端 看懂前端脚手架你需要这篇webpack
介绍了dll 但是最终还是选择了CommonsChunk的解决方案，不过看到了一些关于多页的方案，先留底。 教你如何玩转webpack.DllPlugin
其实基于的react-router的代码分割还是非常简单的，直接看文档就很清楚了 react-router code-splitting
http2的优化方案, 目前没有条件去借助这方面优化，先记录一下. webpack http2
Webpack 4进阶--从前的日色变得慢 ，一下午只够打一次包
优化_待实践 https://juejin.im/post/5b506ae0e51d45191a0d4ec9?utm_source=gold_browser_extension#heading-13
https://github.com/GoogleChromeLabs/webpack-libs-optimizations#solutions-that-work-with-multiple-libraries
Sunshine168
commented
6 years ago
在给脚手架进一步升级,整理一下这次升级所看到的一些资料。 目前webpack进入v4以来迭代还是比较快。。 感觉还是相对没那么稳定
基础
entry 入口文件(单页一般就一个，如果是数组的形式则是代表入口的顺序。而多页面就是对象的形式可能打包出多个入口到不同的页面) output 输出的文件形式
loader 解析代码的转换器,通过设定不同规则进行转换 plugin 插件
chunk 代码块 组成bundle
module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。
webpack 4
区别
webpack和webpack-cli 是在v4中需要用到的依赖。 通过mode设定为development 或者是 production 还有不推荐使用的none。
entry 的默认值是 ./src output.path 的默认值是 ./dist mode 的默认值是 production
资源
官方example 成为webpack中的头号玩家 webpack4 SPA 入门 前端 看懂前端脚手架你需要这篇webpack
优化部分
介绍了dll 但是最终还是选择了CommonsChunk的解决方案，不过看到了一些关于多页的方案，先留底。 教你如何玩转webpack.DllPlugin
其实基于的react-router的代码分割还是非常简单的，直接看文档就很清楚了 react-router code-splitting
http2的优化方案, 目前没有条件去借助这方面优化，先记录一下. webpack http2
Webpack 4进阶--从前的日色变得慢 ，一下午只够打一次包