在上篇学习Webpack5之路(基础篇)中介绍了Webpack是什么,为什么选择Webpack,Webpack的基本概念介绍3个问题。
本篇将从实践出发,在第一章节《基础配置》中使用webpack搭建一个基础的支持模块化开发的项目,在第二章节《进阶配置》中使用webpack搭建一个SASS+TS+React的项目。
本文依赖的webpack版本信息如下:
webpack-cli\4.7.2[2]webpack\5.46.0[3]一、基础配置接下来一起配置一个基础的Webpack。
将支持以下功能:
分离开发环境、生产环境配置;模块化开发;sourceMap定位警告和错误;动态生成引入bundle.js的HTML5文件;实时编译;封装编译、打包命令。想直接看配置的同学-本文源码