ReactJS包括或导入自定义或外部JavaScript文件

我有一个关于ReactJS的非常基本的问题，以及初学者和中级之间的差异。

我已经在webflow中devise了我的Web应用程序UI，现在正在ReactJS中开发前端应用程序。

所以，现在我有两个名为mordenizr.js和webflow.js的JS文件，我必须将它们导入到我的ReactJS组件和页面JSX文件中。 我想知道如何将外部或自定义JavaScript文件导入到ReactJS中，并且它们处于普通/模糊/缩小的JS，而不是ES6格式。

PS：我已经使用create-react-app创build了项目，所以无法更改或查看webpack＆babelconfiguration

谢谢。

问候，

罗希特

Answer 1

我不明白为什么import 'path/to/mordenizr'和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', }]]