在 .vue檔案的樣式檔案中如何引入外部的樣式檔案 （.css .less）

一般情況下vue開發的時候都是一個元件一個元件進行開發，每個元件都有自己的樣式檔案，

基本結構如下所示：

<template>

       <div class="test">

       測試一下，哈哈

       </div>

</template>

<script>

export default {

     name: TestVue,

}

</script>

<style scoped>

@import './assets/test.less';

.test{

      width: 10rem;

      height: 10rem;  

      background-color: red;

}

</style>

上面我們在樣式部分,也就是style 标簽部分引入了外部的樣式檔案 test.less 檔案，

雖然引入的樣式檔案我們這裡沒有使用，但是如果你要引入的話，就按這種方式來進行引入就OK了；