Tengo una pregunta muy básica con respecto a ReactJS y más o menos entre principiante e intermedio.
Diseñé la interfaz de usuario de mi aplicación web en webflow y ahora desarrollo la aplicación frontend en ReactJS.
Entonces, ahora tengo dos archivos JS llamados mordenizr.js y webflow.js que tengo que importar a mi componente ReactJS y a los archivos JSX de páginas. Quería saber cómo podría importar archivos JavaScript externos o personalizados como estos en ReactJS y están en JS simple/ofuscado/minificado y no en formato ES6.
PD: he creado el proyecto usando create-react-app, por lo que no puedo cambiar o ver la configuración de webpack y babel también
Gracias.
Saludos,
Rohit
No veo por qué import 'path/to/mordenizr'
e import 'path/to/webflow'
no funcionaría.
Después de todo, los archivos javascript (incluso los "simples/ofuscados/minificados") son ES6 válidos, por lo que el paquete web debería poder importarlos normalmente.
No importa si estos archivos tienen formato ES6 o no, import 'mordenizr'
debería funcionar en cualquier caso. La razón de esto es que cuando Webpack transpila sus archivos ES6, las importaciones volverán a require
el formato.
use ["importación de complemento de babel": "^ 1.0.1"] https://github.com/ant-design/babel-plugin-import para paquete web
ejemplo:
plugins: ['transform-runtime','transform-decorators-legacy',['import', { libraryName: 'antd', style: 'css', }]]