Vite2中@vitejs/plugin-vue插件的使用方法

分类：知识百科 日期： 点击：0

@vitejs/plugin-vue 是一个 Vite 插件，它可以让 Vite 可以解析 .vue 文件。它支持 Vue 3 的特性，支持 SFC（Single File Component）和组件的热更新。

使用方法：

1. 安装

npm install @vitejs/plugin-vue

2. 在 vite.config.js 中配置插件：

import VuePlugin from '@vitejs/plugin-vue'

export default {
  plugins: [VuePlugin()]
}

3. 在项目中编写 .vue 文件：

4. 在项目中引用 .vue 文件：

import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  }
}

5. 使用热更新：

import { hot } from '@vitejs/plugin-vue'

hot(import.meta)

6. 将组件编译为 JavaScript：

vite build


标签：

版权声明

1. 本站所有素材，仅限学习交流，仅展示部分内容，如需查看完整内容，请下载原文件。
2. 会员在本站下载的所有素材，只拥有使用权，著作权归原作者所有。
3. 所有素材，未经合法授权，请勿用于商业用途，会员不得以任何形式发布、传播、复制、转售该素材，否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ：77594475 处理。

滇ICP备2022006959号-4