配置檔案是基於node的,node不支援import語法。
publicpath:之前叫baseurl,可以配置開發環境或生產環境的url
環境有兩種:process.env.node_env production development
npm run serve是開發環境 npm run build是生產環境 ---> 打包測試看效果
常見配置如下:
publicpath:process.env.node_env === 'production'? '':'/',
assetsdir:'asserts' 打包後的資源放入的資料夾 ---> 打包測試看效果
outputdir:'./dist' 打包後生成的資料夾 ---> 打包測試看效果
runtimecompiler:false, true的話,表示使用自己的內部模板,一般不使用 ---> 打包測試看效果
new vue(,
webpack配置,到時候會合併到預設的webpack中。
configurewebpack:
},開發服務
devserver:}}
},服務:
server.js
let express = require('express');
res.json();
});使用:
axios.get(「/api/getuser」).then()
沒有**會出現跨域問題。
第三方外掛程式配置。
pluginoptions:
}完整配置如下:
// 基於node的 node不支援import語法
// 預設環境變數 node_env production development
let path = require('path');
module.exports = ,
configurewebpack:
},devserver:}}
},pluginoptions:
}}
通過vue cli建立乙個專案
1.1 安裝vue cli 腳手架 npm install g vue cli 驗證安裝是否成功 vue 1.2 到建立專案的路徑,建立專案 vue init webpack 專案名稱 1.0的專案的話,vue init webpack 1.0 專案名稱 檢視預設的模板 vue list 結果 5個...
vue cli 建立專案
1 windows r 快捷鍵 輸入 cmd 開啟 2 輸入 node v 檢視是否安裝node.js環境 3 執行 vue create vuename vuename 專案名稱 出現 這個請直接回車 他會繼續建立專案 4 專案建立完成,後面就是專案的內容完成了 5 vue 路由設定 import...
Vue CLI 建立專案
執行以下命令 vue create 專案名 來建立乙個新專案 vue create hello world警告如果你在 windows 上通過 mintty 使用 git bash,互動提示符並不工作。你必須通過winpty vue.cmd create hello world啟動這個命令。不過,如...