分类：webpack4

2020
11-29

webpack4从0搭建组件库的实现

代码分离代码分离方法有三种：入口起点：使用entry配置手动地分离代码。防止重复：使用SplitChunksPlugin去重和分离chunk。动态导入：通过模块中的内联函数调用来分离代码。动态导入(dynamicimports)import()require.ensure预取/预加载模块(prefetch/preloadmodule)webpackv4.6.0+添加了预取和预加载的支持。在声明import时，使用下面这些内置指令，可以让webpack输出"resourcehint(资源提示)"，来告知浏... 继续阅读 >

2020
10-08

详解Webpack4多页应用打包方案

前言学习了webpack之后，将自己的博客的前端进行重构，由于自己的博客是多页应用，所以研究了下多页应用的打包方案。在这里把最后配置的成果分享下，不足之处，请指正。（文字不多，全是代码，不是配置教程，所以没有特别详细的写，只是一个参考）项目地址：https://github.com/Ray-daydayup/MPA-webpack文件目录结构项目目录结构首先先看下我的项目的目录结构myblog-webpack├──dist//打包输出文件夹├──s... 继续阅读 >