css - 使用 Parcel、SASS 和 TypeScript 将 SCSS 文件作为 CSS 字符串导入

Question

有没有办法使用 Parcel Bundler + SASS + TypeScript 将 SCSS 作为 CSS 导入？

我有一个名为的 SCSS 文件file.scss

div {
    span: {
        background: red
    }
}

所以我想将它作为 TypeScript 中的 CSS 字符串导入，我正在尝试这样的事情：

import cssString from "./file.scss"

console.log(cssString)
         // ^^^^^^^^^ Expected value => div span: { background: red } 

但是不能正常工作。

所以，我需要知道，有办法做到这一点吗？

标签： csstypescriptimportsassparcel

Answer 1

直接调用readFileSync这个方法

如果你不能fs在打字稿中导入，你可以按照这个问题

import fs from 'fs';

const cssStr = fs.readFileSync('./file.scss', { encoding: 'utf8' });
console.log(cssStr.replace(/\s+/g, ''));