ReactJS包含或導入自定義或外部JavaScript文件

Question

我有一個關於ReactJS的非常基本的問題，而且幾乎是初學者和中級人物之間的問題。

我在webflow中設計了我的Web應用程序UI，現在在ReactJS中開發前端應用程序。

所以，現在我有兩個名為mordenizr.js和webflow.js的JS文件，我必須將其導入到我的ReactJS組件和頁面JSX文件中。 我想知道如何將這些外部或自定義JavaScript文件導入到ReactJS中，它們是普通/混淆/縮小的JS而不是ES6格式。

PS：我使用create-react-app創建了項目，因此無法更改或查看webpack和babel配置

謝謝。

問候，

羅希特

Answer 1

我不明白為什么import 'path/to/mordenizr'並import 'path/to/webflow'不會起作用。

畢竟，javascript文件（甚至“普通/混淆/縮小”文件）都是有效的ES6，因此webpack應該能夠像平常一樣導入它們。

Answer 2

這些文件是否是ES6格式並不重要， import 'mordenizr'應該適用於任何一種情況。 這樣做的原因是，當Webpack轉換您的ES6文件時，導入將返回到require格式。

Answer 3

使用[“babel-plugin-import”：“^ 1.0.1”] https://github.com/ant-design/babel-plugin-import for webpack

例：

plugins: ['transform-runtime','transform-decorators-legacy',['import', {
      libraryName: 'antd',
      style: 'css',
    }]]