Webpack5 配置分包加载 多文件js/css打包 - 毛毛 - 毛大姑娘 的 后花园

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题 + 解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。

环境变量 之前,我们在项目里会经常使用 process.env.NODE_ENV, 但这个变量对于 webpack打包是有影响的, 在 production 的时候是有优化的. 所以, 我们将改用其他的环境变量来区别: new webpack.DefinePlugin({'process.env.NODE_ENV': '"production"'

基础目录结构以及各个文件的作用 初始npm项目 npm init 一路回车，一律使用默认的npm项目配置 package.json修改scripts 如下： {"name": "doing-a-webpack4-vue2-pro","version": "1.0.0","description": "超级详细

前言 在没有相关经验的同学，在学习webpack和使用node时，经常会遇到__dirname path.resolve 等，这时往往会一脸懵逼这些都是什么，干嘛的，为什么这些资料和书都完全不提，难道就我不知道 -。- node js api，其实path模块是很常见很通用

在网页中会引用哪些常见的静态资源？ JS .js .jsx .coffee .ts（TypeScript 类 C# 语言） CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件（Fonts） .svg .ttf .eot .woff .woff2 模板文件 .ejs .jade .vue【这是在webp

前面的话 　　webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。当webpack处理应用程序时，它会递归地构建一个依赖关系图表(dependency graph)，其中包含应用程序需要的每个模块