Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Calculator

0

313
Views
ReactJS include or import custom or external javascript file

I have a very basic question regarding ReactJS and pretty much between being beginner and intermediate.

I have designed my web application UI in webflow and now developing the frontend application in ReactJS.

So, now I have two JS files called mordenizr.js and webflow.js which I have to import in to my ReactJS component and pages JSX files. I wanted to know How could I import external or custom JavaScript files like these in to ReactJS and they are in plain/obfuscated/minified JS and not in ES6 format.

PS: I have created the project using create-react-app so not able to change or see webpack & babel configuration too

Thank you.

Regards,

Rohit

9 months ago · Santiago Trujillo
3 answers
Answer question

0

I don't see why import 'path/to/mordenizr' and import 'path/to/webflow' wouldn't just work.

After all, javascript files (even "plain/obfuscated/minified" ones) are valid ES6, so webpack should be able to import them like normal.

9 months ago · Santiago Trujillo Report

0

It does not matter whether these files are ES6 format or not, import 'mordenizr' should work in either case. The reason for this is that when Webpack transpiles your ES6 files, imports will get back to require format.

9 months ago · Santiago Trujillo Report

0

use ["babel-plugin-import": "^1.0.1"] https://github.com/ant-design/babel-plugin-import for webpack

example:

plugins: ['transform-runtime','transform-decorators-legacy',['import', {
      libraryName: 'antd',
      style: 'css',
    }]]
9 months ago · Santiago Trujillo Report
Answer question
Find remote jobs