topic Re: Uploading node_modules in CMS Development

Uploading node_modules

icheshire — Thu, 22 Jun 2023 15:10:09 GMT

Hey, I found out today that I can't upload node_modules because it's blocked by hubspot. I get that node_modules isn't ideal, but how else am I supposed to keep track of dependencies? I don't think manually uploading every external dependency I need, or using a CDN, is a realistic solution because there's no way to manage and update my dependencies.

Re: Uploading node_modules

alyssamwilie — Fri, 23 Jun 2023 12:48:03 GMT

You should really be using a source code repository like BitBucket or GitHub to store and track your files. The HubSpot Design Manager is not meant to be a respository, but a manager for compiled files only. Also, if you're not already using it, I suggest using the HubSpot CLI to upload your compiled files.

Re: Uploading node_modules

icheshire — Mon, 26 Jun 2023 01:46:57 GMT

No, I wanted to use the files in node modules - node modules for frontend usually have a compiled `dist` folder. I know it's wasteful to upload the whole thing, but how else do I get tracked and organized dependencies for hubspot?

Re: Uploading node_modules

alyssamwilie — Mon, 26 Jun 2023 12:51:27 GMT

Files in node_modules should never be referenced directly in the project as that's not how pcakages are meant to be used. Ideally the files should be getting compiled into your own files using imports and/or a bundler. If you aren't comfortable with using bundlers and aren't using very many packages you could instead use CDN or copy/paste the dist files directly into your project. Also, due to it's normally large size, node_modules shouldn't ever be tracked but instead managed with a package manager.

Re: Uploading node_modules

icheshire — Mon, 26 Jun 2023 16:13:08 GMT

But how would you do that using github / hubspot CMS?

Re: Uploading node_modules

SKumar15 — Mon, 03 Jul 2023 13:30:58 GMT

Hello @icheshire , I am not exactly aware of your development workflow.

But in the case of design manager and custom code workflows and serverless functions, You have to generate a bundle file and upload it to the place where you need it. There's no direct way of uploading node_modules to hubspot cms because it is not meant for that.

Here is an example for custom code : https://developers.hubspot.com/blog/how-to-use-npm-packages-in-custom-code-workflow-actions

Re: Uploading node_modules

icheshire — Mon, 03 Jul 2023 13:34:01 GMT

Isn't this for workflows, and not hubspot CMS?

Re: Uploading node_modules

SKumar15 — Mon, 03 Jul 2023 13:41:12 GMT

Yes, this is for workflows, but you have to do a similar thing for cms as well, compile the modules in a bundle, upload it to the design manager using cli or directly, and then import it in the module using require_js or use the bundle globally and use the require function to get access to packages within the bundle.