vue3 - 09.配置css预处理器less和声明组件

1.安装配置less预处理器：

npm install less less-loader -D

-D是 --save-dev的简写

然后在页面中声明：<style scoped lang="less"></style>就可以在标签里写less了

安装要安装在vite根目录下

2.声明组件

比如在components文件夹里声明一个header.vue的组件，在index中引用header组件

vue3的方法：

<template>
  <div>
    <header />
  </div>
</template>
<script setup lang="ts">
   import header from '@/components/header.vue'
</script>

vue2的方法：

<template>
    <div>
        <header />
    </div>
</template>
<script>
    import header from '@/components/header.vue'
    export default {
        components:{header}
    }
</script>