css - Webpack - React 无法通过 webpack 加载 videojs css 文件

Question

我正在video.js一个 React 网络应用程序中实现。

使用

import video.js/dist/video-js.min.css

它不会加载所有的 CSS 类。虽然如果我使用以下表格，它确实如此。

require('!style-loader!css-loader!video.js/dist/video-js.min.css');

后一种形式虽然会触发import/no-webpack-loader-syntaxeslint 错误。如何配置 webpack 以使其加载video-js.min.css文件？

我的 webpack css 加载器配置现在看起来像这样：

      {
        test: /\.css$/,
        use: [
         'style-loader',
  {
    loader: 'css-loader',
    options: {
      modules: true,
      importLoaders: 1,
      localIdentName: '[name]__[local]___[hash:base64:5]',
      sourceMap: true
    }
  },
  {
    loader: 'postcss-loader',
    options: {
      ident: 'postcss',
      plugins: () => [
        autoprefixer()
      ],
      sourceMap: true
    }
  }
]
      }

标签： cssreactjswebpackvideo.js