Antd styles not working

I am trying to install antd into this boilerplate. The components are working fine but the styles are not applied. I tried following their guide installing yarn add babel-plugin-import and then yarn then i edited my .babelrc:

"plugins": [
  "add-module-exports",
  [
    "import",
    {
      "libraryName": "antd",
      "libraryDirectory": "es",
      "style": "css"
    }
  ]
],

but still, the styles do not apply. If I inspect the html i can see the classes applied to the button but no styles related to those classes. I tried importing the styles in every way and the only way i could make it work was adding this in the head of app.html, just below the title: <script type="style/css" src="../node_modules/antd/dist/antd.css"> but it was only working in dev, when i package my application it obviously does not work. I couldn’t find any information on how to make styles work, any idea? To reproduce the situation just clone this repo, and try make antd work. If you succeed doing that please share your work

[gcfabri]

Example here

What I supposed to do? I installed antd package and import on app.global.css: @import '~antd/dist/antd.css';

I made some changes on Home component to use a simple Button from antd and then run script package-win.

The css seems to work but the fonts are broken. See this image

[wujian-nerc]

I solved by modifying webpack.config.render.dev/prod.js

{
  test: /^((?!\.global).)*\.css$/,
  exclude: /node_modules/,
  use: [
    {
      loader: 'style-loader'
    },
    {
      loader: 'css-loader',
      options: {
        modules: true,
        sourceMap: true,
        importLoaders: 1,
        localIdentName: '[name]__[local]__[hash:base64:5]'
      }
    }
  ]
},
{
  test: /\.css$/,
  include: /node_modules/,
  use: [
    {
      loader: 'style-loader'
    },
    {
      loader: 'css-loader'
    }
  ]
}