携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天 今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的

今日看点: 我是如何在腾讯实践webpack优化的；Vite 是怎样利用 Esbuild 来提升性能的 ？ ；61秒，摸透Linux的健康状态！；60行从零开始自己动手写FutureTask是什么体验

写了这么久代码，居然没有思考过为什么web端能访问到process.env这个属性，有时候不能光写代码，还要学会思考

cli工程师，顾名思义就是使用现成的脚手架来实现开发。通过直接拉取现成的脚手架工程固然可以免去项目起始阶段的基础框架配置，便于开发人员快速入手开发，但作为一名合格的前端开发工程师，我们也要具备一定的搭建脚手架的基本能力，所谓知其然也要知其所以然，这也有利于我们日后对于项目进行性…

Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人对升级 Webpack 还是一头雾水。 不过 Webpack 的开发团队已经写了一些零散的文章，官网上也有…

由于webpack在4.0后，新增mode配置项，它为我们默认设置了production。但是该警告并没有影响build的结果暂且忽略。 可以看到dist目录已经生成了名为my-first-webpack.bundle.js文件。 OK，最基本的配置已经完成，接下来引入Reac…

webpack前端工程中扮演的角色越来越重要，它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack，妈妈再也不用担心我不会使用webpack，哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…

随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好…

今年公司一直在推行前后端分离开发，刚好有个活动开发的需求，于是想用react多页面应用去实现。该项目在create-react-app(@3.0.1)脚手架的基础上开发。 自此一个基于CRA的多页面应用webpack配置完成了，其他配置优化可根据自身需求调整。 配置后不需要手动…