Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack-React无法通过Webpack加载videojs css文件_Css_Reactjs_Webpack_Video.js - Fatal编程技术网

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

Webpack-React无法通过Webpack加载videojs css文件,css,reactjs,webpack,video.js,Css,Reactjs,Webpack,Video.js,我正在React web应用程序中实现video.js 使用 它不会加载所有css类。而如果我使用以下表格,它会 require('!style-loader!css-loader!video.js/dist/video-js.min.css'); 但后一种形式会触发import/no-webpack-loader语法eslint错误。 如何配置webpack以使其加载video js.min.css文件 我的网页包css加载程序配置现在如下所示: { test:

我正在React web应用程序中实现
video.js

使用

它不会加载所有css类。而如果我使用以下表格,它会

require('!style-loader!css-loader!video.js/dist/video-js.min.css');
但后一种形式会触发
import/no-webpack-loader语法
eslint错误。
如何配置webpack以使其加载
video js.min.css
文件

我的网页包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
    }
  }
]
      }
      {
        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
    }
  }
]
      }