webpack

开发效率与开发规范 source-map 参考文章1，参考文章2 开发环境我们可以通过source-map帮助我们将错误信息映射到对应的源码位置，webpack内置了该功能，通过配置devtool就可

概念 在 Webpack 看来，前端的所有资源文件 ( js / json / css / img / less / … ) 都会作为模块处理，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资

Vue开发环境搭建和react基本类似，不过有些点需要单独处理，处理.vue文件需要使用vue-loader插件，开发环境处理样式需要使用vue-style-loader插件，具体配置如下 项目地址

搭建react开发环境有一些需要注意点，资源处理，jsx文件编译，css编译，引入antd UI库，react Router处理，状态管理，根据环境加载不同的config文件等

构建性能优化 随着项目越来越大， 功能和业务代码越来越多，webpack构建优化越来越有必要，通常优化配置如下 通用环境 更新到最新版本，webpack，nodejs，npm等，较新版本更高效的构建模