样式引入

[briefy]

这个可以支持更灵活的样式引入吗？
比如现在的ant-design-pro就无法拆分引入

[sorrycc]

如何更灵活才能支持 ant-design-pro 呢？

[draco]

Hello, thanks for the nice work!

I have a question: is this expected to work with ant-design-pro?

I am using this with create-react-app-typescript together with the packages:

    "ant-design-pro": "1.1.0",
    "antd": "3.1.1",
    "babel-plugin-import": "1.6.5",
    "react": "16.2.0",
    "react-app-rewire-typescript": "2.0.2",
    "react-app-rewired": "1.4.1",
    "react-dom": "16.2.0",
    "react-scripts": "1.1.1",
    "react-scripts-ts": "2.8.0",
    "styled-components": "3.1.6",
    "typescript": "2.7.2",

// content of config-overrides (rewire)
const rewireTypescript = require('react-app-rewire-typescript')
const { injectBabelPlugin } = require('react-app-rewired')
const rewireLess = require('react-app-rewire-less')

module.exports = function override(config, env) {
  config = rewireTypescript(config, env)

  config = injectBabelPlugin(
    ['import', { libraryName: 'ant-design-pro', style: true }],
    config
  )

  config = rewireLess.withLoaderOptions({
    modifyVars: theme,
  })(config, env)

  return config
}

Using it like this (similar to advised on https://ant.design/docs/react/use-with-create-react-app)

import { Result } from 'ant-design-pro'

const Home = () => <Result type="success" title="hmm" />

export default Home

But I get Module not found: Can't resolve 'ant-design-pro/lib/result/style' in '/Users/draco/src/manager/src/components/Home'

The differences seem to be

• the component directory is expected to be lowercase but the actual directory is capitalized (result vs Result)
• there is no style directory inside each component lib unlike antd

Am I doing something wrong? Thanks in advance!

[yesmeck]

这个需要 Ant Design Pro 的支持。

@chenshuai2144