在引入ant-design后，出现编译错误

Question

我的环境是，然后在入口文件中使用后，编译报错：

Answer 1

提问者 慕码人225647 2017-09-11 10:45:25

这是webpack.config.js文件。

• Parry #1

  你安装了最新的webpack ，请参考第二十章的课程更新写法。
  module: {
      loaders: [
        {
          test: /\.js?$/,
          exclude: /(node_modules)/,
          loader: 'babel-loader',
          query: {
            presets: ['react', 'es2015'],
            plugins: ['react-html-attrs'], //添加组件的插件配置
          }
        },
        //下面是使用 ant-design 的配置文件
        { test: /\.css$/, loader: 'style-loader!css-loader' }
      ]
    },

• Parry #2

  https://github.com/ParryQiu/IMOOC-React/blob/master/react-router-4_webpack-2-CP22/webpack.config.js

Answer 2

Parry 2017-09-11 05:43:04

同学你好，好像是 webpack 的配置文件中没有配置上 css 的 loader。

你截图下 webpack 的配置。

• 提问者 慕码人225647 #1

  谢谢老师，问题解决了。