creat-react-apはrun ejectの後でantdとsassの配置に対して


プロジェクトをcreat-react-apで作成しましたが、自分でたくさんのものを配置する必要がある時、run ejectは配置項目を弾いて、不可逆操作です.
$ yarn add babel-plugin-import --save-dev
webpack.co nfig.dev.jsで修正します.以下のように修正します.
{
  test: /\.(js|jsx)$/,
  include: paths.appSrc,
  loader: 'babel',
  query: {
+   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
  }
},
次に、前のsrc/App.cssに添付した@import'~antd/dist/antd.css'を削除します.スタイルコードは、現在Babel-plugin-mportで必要に応じてスタイルをロードします.
sassとlessの配置については、エクスポート後、公式サイトでエクスポートしない方法で操作し、最後にpackage.jsonのscriptを修正すればいいです.react:creat-react-apはrun ejectではない条件でlessまたはsassを使用します.