如何将文件作为文本导入vite.config.js

Question

我的项目目录中有一个简单的scss文件，我想在编译阶段获得它的内容，这样我就可以在vite.config.js上转换但是我怎样才能得到它的内容呢？我的意思是，我可以使用获取内容

import test from "./src/extensions/sites/noscript/test.css";
console.log(test);

在App.vue中但这在vite.config.js(适用于webpack(中不起作用有什么方法可以获取文件内容吗？test==｛｝当我调试时。。。vite.config.js并且在App.vue 中运行良好

Answer 1

vite.config.js作为Node脚本运行，因此可以使用fs.readFileSync()将文件从磁盘读取为字符串：

// vite.config.js
import fs from 'fs'
const styleRaw = fs.readFileSync('./src/extensions/sites/noscript/test.css', 'utf-8')
console.log(styleRaw)

演示