当我们来到一个新的团队，或者接手一个新的项目时，一定会遇到代码规范的问题。随着前端应用越来越复杂，代码规范的问题也日益得到大家的重视。本文就带着大家来从 0 开始整合一个 React 前端应用的相关配置。 Eslint 是一个可以检验代码，并给出报告的工具。它的目标是保证代码的…

随着项目的不断增加，急切需要统一每个项目的代码规范，将一些低级错误在萌芽状态下掐死。所以特此结合当前项目使用的一些规范，再根据社区推荐的规范，整合成这个repo。里面集成了React和Nodejs的编程规范，所有的规范都是基于airbnb，里面细分了js版本和ts版本，满足大家…

目录webpack.base.conf.jswebpack.dev.conf.jswebpack.prod.conf.js一开始在接触webpack的时候，简直痛不欲生，现在回头看，做个注释，当然参考

开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直…

生产环境是没有 vConsole 了吧！想象很丰满，打包很骨感。 如果你 splitChunks 了的话，打包后的文件多出了个 vConsole，约 90k。使用 webpack-bundle-analyzer 分析也会看到多出一大块。。。 在这个移动端分秒必争的时代，凡是能从…

如果需要区分环境，可以配置不同环境的 .env 文件，然后在 webpack/config.js 中根据环境读取对应配置文件。示例如下（此处通过启动命令来区分环境，具体区分方式可根据业务自行配置）： .env文件配置好后，还需要将变量同步为全局环境变量，这样才能在业务场景中使用…

本文从代码压缩、代码拆分、样式分离等三个方面对生产环境的代码进行了优化。只是最简单的一些配置，如果真正运用到项目中，还需要根据项目添加更多配置。 uglifyjs-webpack-plugin 更多配置请参考：插件文档。 optimize-css-assets-webpack-…