create-react-app使用

最新推荐文章于 2025-09-06 21:59:38 发布

weixin_34239592

最新推荐文章于 2025-09-06 21:59:38 发布

阅读量66

点赞数

CC 4.0 BY-SA版权

文章标签： webpack javascript python ViewUI

原文链接：https://my.oschina.net/u/3272730/blog/1555345

本文介绍了阿里的版本更新情况及React配置的变化。包括如何通过安装和配置来实现antd组件的按需加载，并针对react@16.0.0和react-dom@16.0.0版本无法使用message方法的问题提供了版本回退方案。

2019独角兽企业重金招聘Python工程师标准>>>

阿里的版本更新太快...每次都有变化，累啊

一.2017-10-24版本：和vue-cli类似，安装后eject后，生成webpack.config.dev.js，webpack.config.pro.js文件； babel-plugin-import安装实现antd组件按需加载（在webpack.config.dev.js，webpack.config.pro.js文件中修改：

{
  test: /\.(js|jsx)$/,
  include: paths.appSrc,
  loader: require.resolve('babel-loader'),
  options: {
      // 后期自己添加plugin
      plugins: [
          ['import', { libraryName: 'antd', style: 'css' }],
      ],
    // This is a feature of `babel-loader` for webpack (not Babel itself).
    // It enables caching results in ./node_modules/.cache/babel-loader/
    // directory for faster rebuilds.
    cacheDirectory: true,
  },

）

注意：1.react@16.0.0和react-dom@16.0.0版本无法使用message方法，因此需将默认版本回退到@15.2.0稳定版

2.react-router：此时最新版本已是@4.0.0版，可以降版本降至@2.0.0稳定版。

（回退方法：直接安装目标版本的插件）

转载于:https://my.oschina.net/u/3272730/blog/1555345