webpack

之前已经使用webpack5进行了react框架基础环境的搭建（基础环境配置），但是每次修改完项目代码都需要重新执行npm run build指令进行构建，并且需要刷新浏览器中的页面查看最新修改的代码结果，这样会给我们平时的开发带来非常多的阻力，所以今天来进行开发环境的配置，使我...

通过使用webpack5配置基础react框架来学习webpack相关知识。| ├── tools.| ├── webpack.base.| ├── webpack.dev.| └── webpack.prod.| ├── App.│ └── index.└── index.此时...

使用webpack5已经搭建好了基础的开发环境和生产环境，但是有些功能在使用的时候还可以进一步优化，所以今天就来将之前的配置做一下最终的优化。目前的配置中我们在引入一个自定义的文件或者组件时必须使用完整的名称才可以，否则就会报错，那么我们可以在配置中增加一些高频使用的文件扩展名，...

前面已经完成了webpack5 + react框架的配置搭建，我们在进行项目开发的时候大多还会使用第三方的组件库，而antd组件库在react项目中使用是非常非常多的，所以就将react框架使用最多的antd组件库引入并使用。修改test.// test.import('./cs...

webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。说白了webpack就是一个构建和管理静态资源的工具，在我们使用框架开发时，它会在我们内部的一个或者多个入口根据我们引入的各个模块将他们根据一定的规则都处理成一个个的静态资源文件，从而方便我们进行引...

在项目构建时不同的环境下会有不同配置，在前面文章中已经使用webpack5配置好了基础环境和开发环境，但是在生产环境时有些配置和开发环境是不需要的，有些是可以在优化的，所以下面继续生产环境的配置。首先我们需要在已经创建好的文件webpack.prod.js进行生产环境独有的配置，...