Are the imports on the HTML head really necessary for the Zoom Meeting Web SDK?

Meeting SDK Web
1

Hi,

I am creating a SPA app with the client view of the @zoom/meetingsdk, and React.

I saw that we have to add these imports in the head tag of the app’s index.html file:

<head>
    <script src="https://source.zoom.us/3.6.0/lib/vendor/react.min.js"></script>
    <script src="https://source.zoom.us/3.6.0/lib/vendor/react-dom.min.js"></script>
    <script src="https://source.zoom.us/3.6.0/lib/vendor/redux.min.js"></script>
    <script src="https://source.zoom.us/3.6.0/lib/vendor/redux-thunk.min.js"></script>
    <script src="https://source.zoom.us/3.6.0/lib/vendor/lodash.min.js"></script>
    
    <!-- These ones are only referenced in the SDK api docs. They are not on the Zoom's getting started guide -->
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/3.6.0/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/3.6.0/css/react-select.css" />
  </head>

My question is: do we really have to add these? Because, except for the lodash import, Zoom seems to work fine without all of that.

Also, the bootstrap.css is overwriting my own CSS, so I want to remove that line.

Note: I’ve added the meeting sdk though NPM and I am using Vite to bundle it.

2

@felipe.armoni Hope you will be fine.

No need if you are using npm pacakge.

Please use

as import and then use.

Thanks