Appearance
公共设施配置
本节目标:理解“公共设施配置”的核心思路,并能把它用于实际开发或面试表达。
最后我们项目开发中肯定需要对一些公共的方法进行封装使用,这里我把它称之为公共设施,那么我们可以在 src 目录下建一个 common 文件夹来存放其配置文件:
==└──== ==src====== ==└──== ==common====== ==├──== ==index.js== ==#== ==公共配置入口====== ==├──== ==validate.js== ==#== ==表单验证配置====== ==└──== ==other.js== ==#== ==其他配置==
在入口文件中我们可以向外暴露其他功能配置的模块,比如:
/* index.js */
import Validate from './validate'
import Other from './other'
export {
Validate,
Other,
}
这样我们在页面中只需要引入一个 index.js 即可。
**结语**
本文介绍了 Vue 单页应用的一些基本配置,从项目构建层面阐述了各文件的主要配置方式和注意点,由于本文并不是一篇文档类的配置说明,并不会详细介绍各配置文件的 API 功能,大家可以访问文中列出的官方文档进行查阅。
本案例代码地址:[single-page-project](https://github.com/luozhihao/vue-project-code/tree/master/single-page-project)
**思考** **&** **作业**devServer 中 proxy 的 key 值代表什么?如果再添加一个 ==/reposed== 的配置会产生什么隐患?
如何配置 webpack 使得 ==require.ensure()== 拆分出的 js 文件具有自定义文件名?