webpack简介

webpack是一个 模块打包工具,支持所有的打包语法,比如 ES ModuleCommonJSCMDAMD。初期的webpack是用来模块打包js的,发展到现在,已经可以打包很多种文件类型,比如 cssimg

优化打包速度最有效的方法就是保持 nodejswebpack 为最新版本。

TIP

  1. 最近有一个项目,考虑到要进行 SEO,所以要做成多页面应用。为了保证开发速度和开发效率,所以决定使用 webpack 做一套模块化配置方案。

  2. 下面主要针对一些重要的点提供思路,并不作详解。完整的代码,我会放在 github(项目地址)上供大家参考,如果有优化的地方,请在评论区指点出来。

TIP

项目中有这么一个需求,就是按需启动mock功能。考虑到mock只是在特定情况下,所以考虑通过 cross-env 来处理。

在开发阶段,前端调用后端接口可能会出现跨域问题,在vue-cli中已经为我们集成了http-proxy-middleware,我们只需要在config/index.js中的proxyTable 配置即可。