第二天_vue配置上_Vue.js2.0+Node+ES6+Mo

image.png

• build 打包的配置文件所在的文件夹
• config 打包的配置（也就是webpack的配置）
• src 源码
• static 静态资源（图片）
• .babelrc ES6解析的一个配置，如果不加这个文件不能解析ES6语法 ，如果不加这个文件可以在webpack.base.conf.js里面配置（不知道怎么配 囧）
• .editorconfig 编辑器的配置
• .gitignore git提交配置（配置的内容不会提交上去）
• .postcssrc.js 添加前缀的配置
• index.html 入口页面， 通过webpack打包会插入到index.html来进行访问
• build/bulid.js 用于构建生产版本，打生产包

---

vue作者也提供了一个叫做 vue-loader 的 npm 包，可以把*.vue
文件转换成 webpack 包，和整个打包过程融合起来。所以有了 Vue.js、webpack 和 vue-loader

image.png

• <components>组件目录，一个组件一个.vue文件
  a.vue
  b.vue
• <lib>如果实在有不能算组件，但也不来自外部 (tnpm) 的代码，可以放在这里
  foo.css
  bar.js
• <src>主应用/页面相关文件
  app.html 主 html
  app.vue 主 vue
  app.js 通常做的事情只是var Vue = require('vue'); new Vue(require('./app.vue'))
• <dist>(ignored)
• <node_modules>(ignored)
• package.json 记录项目基本信息，包括模块依赖关系
• README.md 项目基本介绍

package.json 详解