上一篇中简单的创建了一个脚手架，这篇简单的讲一下脚手架的项目结构：

（1）.build/

此目录包含开发服务器和生产webpack构建的实际配置。通常，您不需要触摸这些文件，除非您要自定义Webpack加载器，在这种情况下，您应该看看build/webpack.base.conf.js。

（2）.config/index.js

这是主要的配置文件，它暴露了构建设置的一些最常见的配置选项。接下来我会写一篇vue中 默认的 config/index.js:配置的详细理解。需要修改的地方开发期间的API代理，要配置代理规则，请在其中编辑dev.proxyTable：

1. // config/index.js
2. module.exports = {
3. // ...
4. dev: {
5. proxyTable: {
6. // proxy all requests starting with /api to jsonplaceholder
7. '/api': {
8. target: 'http://jsonplaceholder.typicode.com',
9. changeOrigin: true,
10. pathRewrite: {
11. '^/api': ''
12. }
13. }
14. }
15. }
16. }

（3）.src/

这是你的大部分应用程序代码所在的位置。如何构建此目录中的所有内容，主要取决于您; 如果您正在使用Vuex，您可以查阅Vuex应用程序的建议。

(4).static/

此目录是您不想使用Webpack进行处理的静态资产的一个逃生舱口。它们将直接复制到生成webpack建立的资产的同一个目录中。

(5).test/unit

包含单元测试相关文件。

(6).test/e2e

包含e2e测试相关文件。

(7).index.html

这是我们的单页面应用程序的模板 index.html。在开发和构建期间，Webpack将生成资产，并将生成的资产的URL自动注入到此模板中以呈现最终的HTML。

(8).package.json

包含所有构建依赖项和构建命令的NPM软件包元文件。

---------------------

本文来自 小妖精来啦 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/zmm13298329239/article/details/77772881?utm_source=copy

最新文章

1. 【完全开源】知乎日报UWP版：增加Live磁贴、Badge、以及Toast通知
2. 关于unity中C#使用WaitForSeconds的方法
3. php常见问题
4. Core Web API上使用Swagger提供API文档
5. Effective Java 74 Implement Serializable judiciously
6. [Virtualization][SDN] VXLAN到底是什么 [转]
7. How to create QTP Shared Object Repository
8. PDO 提供了三种不同的错误处理模式
9. HeadFirst设计模式读书笔记(5)-单例模式
10. jquery控制audio的播放与暂停
11. python3 selenium 登录操作
12. Django组件 之 分页器（paginator）
13. ubuntu ssh
14. upstream模块调度算法
15. 第一个Python小项目：图片转换成字符图片
16. AI Summit（2018.07.19）
17. 数据中心网络（1）-VXLAN
18. Overlay技术
19. [Week2 作业] 代码规范之争
20. Swift 可选型

热门文章

1. 在Mac系统下如何恢复SourceTree全局忽略的文件
2. Python：函数变量的使用
3. 创建，查看，删除pool，查看，修改pool参数命令总结
4. js生成邀请码(1)
5. SEO中常用HTML代码大全，及权重排序
6. dtgrid 手动条件删除表格中的某一行
7. LNMP 1.6 常见的502问题解决
8. Android实现智能提示的文本输入框AutoCompleteTextView
9. 安卓SQLite数据库操作(上)
10. Emulator PANIC: Could not open: AVD2.3.1