• type: 其他
    • Ant Design React 和 Ant Design Pro 有什么区别?
    • 如何使用 Ant Design Pro?
    • 是否可以在生产环境中使用 Ant Design Pro?
    • 如何更新 Ant Design Pro?
    • npm test 在 MacOS Sierra 下使用报错?
    • 如何修改默认 webpack 配置?
    • 如何添加 babel 插件?
    • 如何使用图片等静态资源?
    • 我的 url 里怎么有 # 号?要如何去掉?
    • 如何添加 scss 支持?
    • Git commit 时报错?
    • 如何禁止 npm start 时自动打开浏览器?
    • 站点是否支持国际化?
    • English Documentation?

    order: 22
    title:
    en-US: FAQ
    zh-CN: 常见问题

    type: 其他

    提问之前,请先查阅下面的常见问题。


    Ant Design React 和 Ant Design Pro 有什么区别?

    可以理解为 Ant Design React 是一套 React 组件库,而 Pro 是使用了这套组件库的完整前端脚手架。

    如何使用 Ant Design Pro?

    请阅读文档 开始使用,蚂蚁金服内网用户请阅读 开始使用(蚂蚁金服用户)。

    是否可以在生产环境中使用 Ant Design Pro?

    当然可以!Ant Design Pro 基于最新的 antd 版本开发,目前已有多个中后台项目正在使用。

    如何更新 Ant Design Pro?

    • 单独升级 antd 版本,用于更新基础组件。
    • 比较不同的 Ant Design Pro 版本间的差异,手动修改本地配置。
    • 也可以尝试合并远程分支:git pull https://github.com/ant-design/ant-design-pro(注意,需要自行解决冲突)。
    • 直接在 GitHub 上拷贝最新的典型模板。

    npm test 在 MacOS Sierra 下使用报错?

    你需要安装 watchman。

    如何修改默认 webpack 配置?

    详见 roadhog 配置。

    如何添加 babel 插件?

    详见 roadhog extraBabelPlugins。

    如何使用图片等静态资源?

    可以直接使用绝对路径(需要图床支持),若需直接使用本地文件,可按以下方式引入。

    1. <img src={require('../assets/picture.png')} />

    我的 url 里怎么有 # 号?要如何去掉?

    请参考文档 前端路由与服务端的结合。

    如何添加 scss 支持?

    .webpackrc 中开启 sass 配置,详见 sass。

    Git commit 时报错?

    常见问题 - 图1

    脚手架默认开启了 eslint 代码风格检查,请按照提示内容进行修改后重新提交,也可以手动 npm run lint 进行检查。

    如何禁止 npm start 时自动打开浏览器?

    修改 package.json 里的 scripts.start 为:

    1. "start": "cross-env BROWSER=none roadhog server",

    站点是否支持国际化?

    这是 Ant Design Pro 的特性之一,目前第一个版本只有中文文案。国际化将是我们下一步的首要工作。

    English Documentation?

    English Documentation will be translated in next couple of monthes, trace ant-design/ant-design-pro#54


    更多常见问题可以查看 Trouble Shooting 和 roadhog。如果这里未能解决你的问题,欢迎 报告给我们。