在react.js上使用antd-design沒有樣式

兩種解決方法:css

    

第一種:node

在.babelrc中加入 react

{webpack

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

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

}antd

 

  (PS:注意使用的是雙引號,否則會有錯誤)spa

 

 第二種:jsx

在webpack.config.js中加入紅色標識部分test

module: {

    loaders: [

        {

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

            query:{

                presets: ['react''es2015'],

                plugins: [

                    ['import', {

                        libraryName'antd',

                        style'css'

                    }]

                ]

            }

        }

  ]

}

相關文章
相關標籤/搜索