在固定数据表2中导入CSS文件时出错

Question

我使用的是固定数据表-2(0.8.13)和React(15.4.2)。然而，当我导入CSS文件时，我会得到一个错误。

模块解析失败: /Users/Desktop/ReactReduxStore/node_modules/fixed-data-table-2/dist/fixed-data-table.css意外令牌(23:0)您可能需要一个适当的加载程序来处理该文件类型。

我是按以下方式进口的：

import 'fixed-data-table-2/dist/fixed-data-table.css';

Answer 1

您需要添加css加载程序来导入它们，

添加css-loader和style-loader

npm install --save-dev css-loader style-loader

然后在webpack.config.js中如下所示：

module.exports = {
  ...
  module: {
    rules: [
      { 
        loader: 'babel-loader', 
         test: /\.js$/, 
         exclude: /node_modules/ 
      },{
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      }
    ]
  },
  ...
}

注意：

Webpack的module.loaders，v1，现在是Webpack v2+的module.rules。旧的加载程序配置被更强大的规则系统所取代，该系统允许对加载器等进行配置。由于兼容性原因，旧的module.loaders语法仍然有效，旧名称被解析。新的命名约定更容易理解，也是将配置升级到使用module.rules的一个很好的理由。