1

我正在尝试在我的反应项目中将 css 模块添加到 webpack。我是这样添加的

{
                test: /\.css$/,
                loaders: [
                    'style?sourceMap',
                    'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]'
                ]
            },

但我收到编译错误说

ERROR in ./~/css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]!./~/video.js/dist/video-js.css
Module not found: Error: Cannot resolve module 'font/VideoJS.eot' in /home/apurv/Downloads/Frontend-Master-master/node_modules/video.js/dist
 @ ./~/css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]!./~/video.js/dist/video-js.css 6:984-1011
webpack: Failed to compile.

我已经在 webpack 中有一个手写笔加载器，它工作正常

{
                test: /\.styl$/, 
                loader: [ 
                    'isomorphic-style-loader',
                    'css?sourceMap&localIdentName=[name]_[local]_[hash:base64:3]',
                    'stylus?sourceMap'
                ].join('!')
            },

我该如何解决这个错误？

我已经有一个 eot 文件的加载器

{
                test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'file-loader'
            },

当我像这样（下）使用 css loader 时，错误不会出现。

{
                test: /\.css$/,
                loader: 'style-loader!css-loader'
            },

我已经在 package.json 文件中安装了 css-loader 和 style-loader。

4

0 回答 0