vue專案入口目錄分析

2021-09-26 21:23:27 字數 522 閱讀 6770

入口檔案,初始化vue例項並使用需要的外掛程式(引入公共element元件等、路由攔截、start登入、鑑權可以在這裡統一處理)

import 'es6-promise/auto'

import vue from 'vue'

import router from './router'

import store from './store'

import filters from '@/filters'

/** vue.config 是乙個物件,包含 vue 的全域性配置 **/

vue.config.productiontip = false // 設定為 false 以阻止 vue 在啟動時生成生產提示。

vue.filter('num2alp', filters.num2alp)

new vue()

new vue()

開發的時候看起來沒什麼關聯,其實webpack打包時,生成的index.html裡面引入了各個js

vue專案目錄解析

1.build資料夾 打包配置的資料夾 1.1 webpack.base.conf.js 打包的核心配置 1.2 build.js 構建生產版本,專案開發完成之後,通過build.js打包 載入base與prod,讀取完之後通過webjpack命令對專案進行打包 1.3 webpack.prod.c...

Vue專案目錄結構

project build 構建指令碼目錄 build.js 生產環境構建 編譯打包 指令碼 check version.js 檢查node npm等版本 dev client.js 開發伺服器熱過載指令碼,主要用來實現開發階段頁面自動重新整理 dev server.js 執行本地開發伺服器 uti...

vue專案結構目錄

readme.md專案的說明檔案 package.json需要的第三方的依賴包 package lock.json第三方包的一些具體版本資訊,保持團隊開發的統一 index.html專案預設的模板檔案 static放置的靜態資源 json資料等 src檔案放置的是整個專案的源 src目錄下幾個檔案的...