《Vite 基础知识》使用 ?raw 将 vue文件转为字符串(两种方式)

一. 前言

学习 vite 时，找到插件 awesome-vite，顺着找，可以看到插件 vite-plugin-raw 起作用。

官方翻译该插件可将任何类型的文件转换为字符串。 

二. 使用

这里仅对 .vue 文件做转换。

使用场景，如使用 codemirror 显示源码等；

示例 index.vue 文件：

<template>
    <h1>{
  
  {info}}这是一个测试</h1>
</template>

<script>
export default {
    data() {
        return {
            info: 'Hello, '
        }
    }
}
</script>

<style>
h1 {
    color: red;
}
</style>

1. 方法一

import index from './index.vue?raw