Electron-react-boilerplate: The way Antd is introduced

Created on 3 Jul 2018 · 3Comments · Source: electron-react-boilerplate/electron-react-boilerplate

As an official on-demand introduction, the style does not apply. You can enter the style globally.
em:
In the app.global.css file

  @ import "antd/dist/antd.css";

If so, other ways are welcome

Source

helpceo

Most helpful comment

@helpceo 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'
    }
  ]
}

wujian-nerc on 19 Sep 2018

👍3

All 3 comments

You can take a look at this. https://github.com/amilajack/erb-ant-design-example. Let me know if this works for you. If it doesn't i can reopen

amilajack on 28 Jul 2018

@helpceo 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'
    }
  ]
}

wujian-nerc on 19 Sep 2018

👍3

<link rel="stylesheet" href="../node_modules/antd/dist/antd.css"> app.html