在專案當中我們會用到很多第三方樣式表，比如bootstrap，可以發現大多數第三方樣式表都是.css檔案。而之前我們為.css檔案啟用了模組化，這就導致我們在使用第三方樣式表的時候非常不方便。我們希望不為第三方樣式表啟用模組化，只對自己寫的樣式表啟用模組化。解決思路是：自己寫的樣式表都要以.scss結尾，只為.scss結尾的樣式表啟用模組化。
執行npm i bootstrap -s，由於bootstrap中有很多字型檔案我們識別不了，所以需要裝loader:npm i url-loader file-loader -d。安裝完成之後配置一下：
import "bootstrap/dist/css/bootstrap.css"配置檔案改為：
,]
}
npm i sass-loader -d，sass-loader依賴node-sass，直接安裝node-sass會失敗，因為網路問題（***），所以需要首先配置一下映象：
然後再執行npm i node-sass -d。
配置如下：
,}
},]}
import react from
"react"
import cssobj from
"@/css/styles.scss"
import
"bootstrap/dist/css/bootstrap.css"
function
hello
(props)
>hello,
<
/p>
"btn-primary"
>按鈕<
/button>
<
/div>;}
export
default hello;
可以看到來自自定義的樣式和外部樣式都起作用了，成功?
在vue專案中引用less全域性檔案
問題 在vue中引入一些公共的檔案，比如全域性變數 函式 一般比較常見的做法是，在每乙個頁面都初始引入公共檔案 import url less variable.less 這種做法要寫很多句引入，一直在重複，重複的 就沒有意義，其實有辦法一次引入，受用終生 一次引入的做法來了 vue cli 2版本...
在vite專案中展示markdown檔案
由於vite不是基於webpack的，所以不能通過引入loader的方式實現載入markdown 所以我們需要自製乙個vite外掛程式，將md檔案轉化為js檔案 在專案根目錄下建立plugins資料夾並在其中建立md.js 或md.ts 在import marked from marked 之前我們...
vue 在vue 專案中引入外部js檔案
在普通的專案中，我們可以通過來引入外部的js檔案，但是在vue專案中，就不可以使用這種方式了，需要使用es6語法來引入，同時還要對已有的js檔案做相應的修改。一般情況下，我們引入外部js檔案，是要呼叫js檔案中的函式。在vue專案中，我們首先要使用export命令將這個函式丟擲，然後才能在其他的vu...