如何将文件作为文本导入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也适用)，有什么方法可以获取文件内容吗？调试时测试== {} .vite.config.js并在App.vue中工作良好

Answer 1

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

// vite.config.js
import fs from 'fs'

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

演示