第二天_vue配置上_Vue.js2.0+Node+ES6+MongoDB全棧系統學習

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 詳解

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容