Question

我有一个关于ReactJS的非常基本的问题，而且几乎是初学者和中级人物。

我在webflow中设计了我的Web应用程序UI，现在在ReactJS中开发前端应用程序。

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

PS：我使用 create-react-app 创建了项目，因此无法更改或查看webpack＆amp;巴贝尔配置

谢谢。

此致

罗希特夏尔

Answer 1

我不明白为什么import 'path/to/mordenizr'和import 'path/to/webflow'不起作用。

毕竟，javascript文件（甚至是“普通/混淆/缩小”文件）都是有效的ES6，因此webpack应该能够像平常一样导入它们。

Answer 2

这些文件是否为ES6格式并不重要，import 'mordenizr'在任何一种情况下都应该有效。原因是当Webpack转换您的ES6文件时，导入将恢复为require格式。

Answer 3

使用 [＆＃34; babel-plugin-import＆＃34;：＆＃34; ^ 1.0.1＆＃34;] https://github.com/ant-design/babel-plugin-import for webpack

示例：

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