webpack是一个 模块打包工具,支持所有的打包语法,比如 ES Module
、CommonJS
、CMD
、AMD
。初期的webpack是用来模块打包js的,发展到现在,已经可以打包很多种文件类型,比如 css
、img
。
优化打包速度最有效的方法就是保持 nodejs
和 webpack
为最新版本。
TIP
最近有一个项目,考虑到要进行 SEO,所以要做成多页面应用。为了保证开发速度和开发效率,所以决定使用 webpack 做一套模块化配置方案。
下面主要针对一些重要的点提供思路,并不作详解。完整的代码,我会放在 github(项目地址
TIP
项目中有这么一个需求,就是按需启动mock功能。考虑到mock只是在特定情况下,所以考虑通过 cross-env
来处理。
在开发阶段,前端调用后端接口可能会出现跨域问题,在vue-cli中已经为我们集成了http-proxy-middleware
,我们只需要在 config/index.js
中的proxyTable 配置即可。