便於編譯環境間的切換
/**
* 配置編譯環境和線上環境之間的切換
* * baseurl: 網域名稱位址
* routermode: 路由模式
* */
let baseurl ='';
let routermode =
'hash'
;let imgbaseurl ='';
if(process.env.
node_env
=='development'
)else
if(process.env.
node_env
=='production'
)export
在package.json中,dev和local分別對應兩個不同環境。
"scripts"
:,
不同電腦上設定可能不同,可以使用cross-env來解決問題。
cross-env可以跨平台的設定和使用環境變數
cross-env node_env=production node build.js
//localstorage
/** * 儲存localstorage
*/export
const
setstore
=(name, content)
=>
window.localstorage.
setitem
(name, content);}
/** * 獲取localstorage
*/export
const
getstore
= name =>
/** *刪除localstorage
*/export
const
removestore
= name =>
(
function
(doc, win);if
(!doc.addeventlistener)
return
; win.
addeventlistener
(resizeevt, recalc,
false);
doc.
addeventlistener
('domcontentloaded'
, recalc,
false);
})(document, window)
;
vue專案學習
1 什麼是.vue檔案?vue檔案,是乙個自定義的檔案型別,用類似於html的語法描述乙個vue元件。每個.vue檔案包含三種型別的頂級語言模組,這三個部分分別代表了html,js,css。其中和是支援用預編譯語言來寫的。我們的專案用了 less 預編譯,是這樣寫的 3 vue 解析 這裡就是乙個 ...
Vue學習 快速建立Vue專案
npm與cnpm cnpm是 團隊做的國內映象,因為npm的伺服器位於國外可能會影響安裝。映象與官方同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。npm install global vue cli cnpm install global vue cli 此命令只需要執行一次 vue in...
vue專案學習03
但是,我們的專案 還乙個都沒有看到。因此,這個章節,我們來認識一下所有的檔案。readme.md 專案說明文件 node modules 專案依賴包資料夾 build 編譯配置檔案,一般不用管 build.js check versions.js dev client.js dev server.j...