Skip to content

公共设施配置 ​

本节目标:理解“公共设施配置”的核心思路,并能把它用于实际开发或面试表达。

最后我们项目开发中肯定需要对一些公共的方法进行封装使用,这里我把它称之为公共设施,那么我们可以在 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 文件具有自定义文件名?

本站总访问 — 次