babel-plugin-import 样式不生效

Question

按照文中配置，babel-plugin-import。页面按钮没有样式，
需要在app.js中手动导入
import ‘antd/dist/antd.css’ 才会展示button样式
config-overrides.js 如下

const { injectBabelPlugin } = require('react-app-rewired');

module.exports = function override(config, env) {
    config = injectBabelPlugin(['import', { libraryName: 'antd', style: 'css' }], config);
    return config;
};

App.js代码如下

// src/App.js
import React, { Component } from 'react';
import { Button } from 'antd';
import 'antd/dist/antd.css'

class App extends Component {
    render() {
        return (
            <div className="App">
                <Button type="primary">Button</Button>
            </div>
        );
    }
}

export default App;

Answer 1

莹莹老师 2019-01-30 13:08:12

你的项目配置没问题

Answer 2

慕瓜8449030 2019-01-30 13:10:02

你的配置没问题 你删除Node_modules后，重新install一下试试

Answer 3

慕瓜8449030 2019-01-22 11:40:53

你好 方便吧代码发到github上给我看下吗 帮你调试下

• 提问者 DearRemix #1

  老师您好，项目在https://gitee.com/goBigg/imooc-on-blockchain.git 非常感谢

• 提问者 DearRemix #2

  老师请问我的问题出在哪