Question

因此，我正在使用Ant Design系统的Menu组件（我正在使用它们中的其他组件，并且一切都很好），但是此Menu组件使用了一些具有IE9后备功能的CSS，“ \ 9” ..及其终止。我的构建过程。

错误：

ERROR in ./node_modules/css-loader!./node_modules/postcss-loader/src??ref--3-3!./node_modules/less-loader/dist/cjs.js!./node_modules/antd/lib/menu/style/index.css
Module build failed: 

  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
                                ^
Unrecognised input
      in /Users/dd/BRANCHES/sandbox/code/ui/node_modules/antd/lib/menu/style/index.css (line 244, column 34)

我猜这是一个webpack问题，这就是我所拥有的：

{
        test: /\.(less|css)$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [
            { loader: 'css-loader' },
            {
              loader: 'postcss-loader',
              options: {
                plugins: function() {
                  return [autoprefixer];
                }
              }
            },
            { loader: 'less-loader' }
          ]
        })

我正在使用：“ webpack”：“ ^ 3.7.1”，（（（目前无法升级））。

关于如何解决的任何想法？

Answer 1

您正在使用css-loader处理较少的文件，请优先尝试less-loader。

Webpack无法识别输入，因为使用\ 9的第三方文件较少

1 个答案: