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

Question

我有一个非常基本的问题关于ReactJS和初学者和中级之间的很多。

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

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

PS：我一直在使用创建反应的应用程序内所以无法更改或看到的WebPack &巴贝尔配置过于

感谢您创建的项目。

问候，

罗希特

Answer 1

我不明白为什么import 'path/to/mordenizr'和import 'path/to/webflow'将不只是工作。

毕竟，JavaScript文件（即使是“普通/混淆/缩小”）是有效的ES6，所以webpack应该能够像正常一样导入它们。

Answer 2

无论这些文件是否为ES6格式，import 'mordenizr'都无论在哪种情况下都可以工作。原因是当Webpack传输你的ES6文件时，导入将返回到require格式。

Answer 3

使用 [ “通天塔 - 插件导入”： “^ 1.0.1”] https://github.com/ant-design/babel-plugin-import为的WebPack

例如：

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