在react.js上使用antd-design没有样式

Posted 2020-09-26 张粤圳

两种解决方法：

　　　　

第一种：

在.babelrc中加入 

{

  "presets": ["es2015", "react"],

  "plugins":[["import", {"libraryName": "antd", "style": "css"}]]

}

 

　　（PS:注意使用的是双引号，不然会有错误）

 

 第二种：

在webpack.config.js中加入红色标识部分

module: {

    loaders: [

        {

            test: /\.(js|jsx)$/, exclude: /node_modules/, loader: ‘babel‘,

            query:{

                presets: [‘react‘, ‘es2015‘],

                plugins: [

                    [‘import‘, {

                        libraryName: ‘antd‘,

                        style: ‘css‘

                    }]

                ]

            }

        }

　　]

}