Ошибка импорта файла CSS в таблицу фиксированных данных 2

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']
      }
    ]
  },
  ...
}

Обратите внимание, что:

module.loaders в Webpack v1 теперь module.rules в Webpack v2 +.Старая конфигурация загрузчика была заменена более мощной системой правил, которая позволяет настраивать загрузчики и многое другое.По соображениям совместимости старый синтаксис module.loaders все еще действует, а старые имена анализируются.Новые соглашения об именах проще для понимания и являются хорошей причиной для обновления конфигурации с использованием module.rules.