Question

我要做的是导入css文件，读取其内容，然后创建一个类名数组。

但是，以下内容会生成一个空对象的日志。

import TextCSS from './textfield.css'
console.log(TextCSS)

我一直在NPM上搜索一个可以做到这一点的软件包，Github和Google尝试了一些带有有希望的名称的软件包，但到目前为止还没有。

Answer 1

如果您使用的是webpack，请尝试使用https://www.npmjs.com/package/css-to-string-loader加载程序

var styleString = require('css-to-string-loader!css-loader!./file.css');

Answer 2

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ['to-string-loader', 'css-loader'],
      },
    ],
  },
};

如果您已经设置了“ css-loader”插件，那么您似乎还应该能够导入css文件，然后在其上调用字符串

const css = require('./test.css').toString();

Answer 3

您可以在React中将css文件作为模块加载，但是对我来说，它只是用mystyle.module.css命名为mystyle.css螺母。然后，您可以

import styles from './mystyles.module.css'
console.log(styles)