VUE四

当前处理项目，要做两个模仿内容，一个是codejs的列表页，一个是详情页
对于当前项目当前的src路径文件夹内容，整理如下：

├── App.vue                         // APP入口文件
├── api                             // 接口调用工具文件夹
│   └── index.js                    // 接口调用工具
├── components                      // 组件文件夹，目前为空
├── config                          // 项目配置文件夹
│   └── index.js                    // 项目配置文件
├── frame                           // 子路由文件夹
│   └── frame.vue                   // 默认子路由文件
├── main.js                         // 项目配置文件
├── page                                // 我们的页面组件文件夹
│   ├── content.vue             // 准备些 cnodejs 的内容页面
│   └── index.vue                   // 准备些 cnodejs 的列表页面
├── router                          // 路由配置文件夹
│   └── index.js                    // 路由配置文件
├── style                           // scss 样式存放目录
│   ├── base                        // 基础样式存放目录
│   │   ├── _base.scss          // 基础样式文件
│   │   ├── _color.scss     // 项目颜色配置变量文件
│   │   ├── _mixin.scss     // scss 混入文件
│   │   └── _reset.scss     // 浏览器初始化文件
│   ├── scss                        // 页面样式文件夹
│   │   ├── _content.scss       // 内容页面样式文件
│   │   └── _index.scss     // 列表样式文件
│   └── style.scss              // 主样式文件
└── utils                           // 常用工具文件夹
    └── index.js                    // 常用工具文件

因为删除了一些默认的文件，所以这个时候项目一定是报错的，先不管它，根据需求，新建如上的项目结构。这些都是在 src 目录里面的结构。
static目录结构比较简单，一般做如下配置：

├── css             // 放一些第三方的样式文件
├── font                // 放字体图标文件
├── image           // 放图片文件，如果是复杂项目，可以在这里面再分门别类
└── js              // 放一些第三方的JS文件，如 jquery

把样式和 JS 如果是放在 src 目录里面，则每次打包的时候，都需要打包的。这回增加打包项目的时间长度。而且，一些地方放的文件，一般是不会去修改的，也没必要 npm 安装，直接引用就好了。对这些可以不进行打包而直接引用的文件提炼出来，放在资源目录里面直接调用，这样会大大的提高项目的打包效率。
原文引用：http://blog.csdn.net/FungLeo/article/details/77585205 后半部