使用 Typescript Boilerplate React应用程序 这是一个带有应用程序的入门应用程序，使用作为捆绑器。 我将它设置为个人使用，并想我会添加一些注释以防其他人想要使用。 这包括最新版本的 React (17.0.1)，这意味着不再需要将 React 导入到每个包含组件的文件中。 这个入门应用程序使用 TypeScript 将 JSX 转换为 ES5 代码，通过"jsx": "react-jsx",在tsconfig.json设置。 如果您的JSX文件带有标记，请，或者将TypeScript全局升级为> 4.1.0。 入门 克隆存储库： git clone https://github.com/rubinj30/webpack-react-typescript-starter.git 安装依赖项： yarn install (or npm install) 启动

vue3-element-webpack5 一个使用element-plus框架，基于Vue3.x，使用webpack5.x构建（无vue-cli-service，刹车于扩展插件）的脚手架项目。 参见： : 一个使用webpack5.x的基于vue3.x的element-plus脚手架项目（无vue-cli-service）。 参见： :

vue3-ts-template 基于vue3，TypeScript，Webpack5的开发环境模版 特点： 基于webpack5自定义项目结构 基于vue3开发，引入vue全家桶 使用ts编写文件，增强类型 Development environment template based on vue3, typescript and webpack 5 characteristic: Customize project structure based on webpack5 Based on the development of vue3, the introduction of vue3 Use ts to write files and enhance types use 使用 安装依赖 yarn 运行项目 yarn dev 打包 yarn build 文件信息 webpack.com

任务列表 ts 配合 eslint 进行检测（finish） webpack 构建优化（缓存、多核、抽离、拆分）（ 手动 babel-loader 开启缓存（webpack5内置 cache 功能） 忽略打包、按需加载：IngorePlugin 不解析代码：exclude happyPack：多线程打包 提取公共代码和第三方代码 运用 CDN 文件名称使用 内容hash 懒加载 图片引用（设定阀值，根据文件大小选择 base64 格式或者 url 引入） webpack-bundle-analyzer：可视化分析 自动带有 代码压缩 tree-shaking 作用域提升（函数调用） 前端项目配置 webpack 相关 基础 包模块：webpack、webpack-cli 执行命令：webpack 热更新 包模块：webpack-dev-server（热更新所需依赖） 对应配置：webpac

webpack5 webpack5基础配置vue框架

配置了处理css及css预处理文件，css3兼容性问题、图片、图标、js兼容性问题，配置了三种常用插件、devServer、reslove模块解析、dev-tool以及环境配置，对初学Webpack5 有参考帮助

独一份的webpack5应用.md

webpack5.md 文档

基于webpac5 的devserver的mock数据配置

基于webpack5的优化配置项 optimmization