Vue 文件目錄結構詳解

  • build  構建腳本目錄
    • build.js                  生產環境構建腳本
    • check-versions.js  檢測node.js和npm版本
    • logo.png      vue默認圖片
    • utils.js       構建相關工具的方法
    • vue-loader.conf.js  加載器
    • webpack.base.conf.js webpacke基礎配置
    • webpack.dev.conf.js   wabpack開發環境配置
    • webpack.prod.conf.js wabpack生產環境配置
  • config  項目配置
    • dev.env.js    開發環境變量
    • index.js        項目配置文件
    • prod.env.js  生產環境變量
    • test.env.js   測試環境變量
  • node_modules  npm加載的項目依賴模塊
  • src    源碼目錄(開發目錄)
    • assets    資源目錄,這裏的資源會被wabpack構建,放圖片等信息
    • components     公共組件目錄
    • routes              前端路由
    • App.vue      根組件
    • main.js     入口js文件
  •  static    純靜態資源,不會被wabpack構建。
  •  test      測試文件目錄(unit&e2e)
  • .babelrc     es降級
  • .editorconfig 編輯配置項 
  • .gitignore   git打包所忽略的文件
  • .postcssrc.js 管理GitHub
  • index.html  入口頁面
  • package-lock.json npm包配置文件,裏面定義了項目的npm腳本,依賴包等信息
  • package.json  安裝的包的版本
  • README.md   項目介紹

原文出處:https://www.cnblogs.com/zhm001/p/11693173.htmlcss

相關文章
相關標籤/搜索