Vue CLI 4 0配置CDN的方法

2021-10-25 04:02:52 字數 542 閱讀 2506

之前試過了很多搭配cdn的方法,他們說的也都是對的,但是在自己的專案中確實沒有辦法執行,總是會報錯,因此總結了一下我搭配cdn的所有流程,希望有所幫助

建立vue.config.js ,檔案的目錄層級是雨src資料夾同級別的,因為vue-cli在4.0中取消了關於webpack等外掛程式的配置,但是在本身也整合了這些外掛程式,因此可以通過這樣的乙個檔案去對整體的內容進行配置。

cdn鏈結入口2

第二部就是對cdn的配置:

我們引用cdn的主要目的是減小打包檔案的壓縮,因此需要在vue.config,js中進行配置忽略檔案打包:

module.exports = 

}}

這樣就完成了cdn的引用流程,這個時候只要重啟專案就可以明確看到cdn了。

注意事項: 通常引用框架的時候,cdn中丟擲的名字可能存在不同,可能需要仔細去找一下在原始碼中丟擲的名稱是什麼,通常都是第乙個字母大寫的駝峰形式(只是說大部分),可以嘗試,如果有耐心可以去原始碼中尋找export的關鍵字。

Vue cli4 0 搭建專案配置Eslint

當搭建專案選擇完eslint之後,有個配置會問你更新換將單獨配置的檔案放到pakage.json還是放在單獨的檔案,如果是這樣選擇 單獨生成乙個檔案 最後會生成個.eslintrc.js的檔案如下 推薦選擇這個 module.exports extends plugin vue essential ...

VueCli4 0入門及安裝

npm install g vue cli 其中 g表示全域性安裝 yarn global add vue cli vue version 檢視vuecli版本 which a vue 檢視vuecli安裝路徑 vue create 專案名 安裝好了以後會出現兩條提示命令 cd 路徑 yarn se...

vue cli4 0腳手架安裝

10月16日,官方發布訊息稱vue cli 4.0正式版發布,並且強烈建議公升級 小編也是剛剛安裝了最新版本的腳手架看看更新了什麼 安裝和vue cli3.0的是一模一樣的,對比了一下3.0的腳手架,除了目錄發生變化一些,其他的都一樣 安裝步驟和vue cli3.0的一模一樣 1.建立專案 vue ...