在固定数据表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 v1中的

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