Meteor glues all js files into one app.js

help
1

during debugging, meteor glues all js files into one app.js. There were no such problems before. How to disable this file merging. Unable to debug

2

Would dynamic import or code splitting be helpful for your use case?

3

I use import, when debugging in the browser, all js files are glued into one

4

Have you tried Meteor Toolbox - Visual Studio Marketplace?

5

i use webstorm. until today everything worked fine, all files were available in the browser, now they are merged into one. I don’t understand why this was done and why they began to unite

6

Meteor creates a source map so the dev tools can show the original files instead. Maybe javascript source maps are disabled in the dev tools?

If you are running the app with the --production option, then there might not be any source maps. The default minifier does not create source maps, but you can replace it with a package like zodern:standard-minifier-js that does.

Another possibility is the files were previously dynamically imported instead of being part of the main client bundle. Even if source maps are disabled, dynamically imported files are shown separately in the dev tools.

2 Likes
7

program arguments:
–inspect --settings settings.json --port=3001

Webstorm (file group-msg.js):

webstorm
webstorm869Γ—728 102 KB

Chrome:

2022-07-07_18-35-08
2022-07-07_18-35-08809Γ—644 68.4 KB

2022-07-07_18-36-11
2022-07-07_18-36-11845Γ—651 64.8 KB

all ui files merged into 1 file app.js

8

In the sidebar, there is a folder with the laptop icon that says app. This has all of the original files

image

1 Like
9

If you set up your Filesystem options in Chrome dev tools, you can even edit the files right in the Chrome Source tab and save them. Meteor will automatically rebuild and re-launch. If you’re using Meteor HMR it will rebuild/relaunch very quickly.

Screen Shot 2022-07-07 at 1.56.17 PM
Screen Shot 2022-07-07 at 1.56.17 PM1076Γ—283 54.2 KB

1 Like
10

Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2022-07-07 Π² 21.42.06
looked through all the files, nothing. And the output from the console comes from app.js

11

Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2022-07-07 Π² 21.48.27
Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2022-07-07 Π² 21.48.27890Γ—457 97.6 KB

opened files in chrome, debbuggers don’t work

12

put a debugger; statement into your client-side code and run it in Chrome. The Chrome debugger will stop there and then you can access the file that Chrome has debugger access to. You can probably put breakpoints in that file that will work.

13

Also - you may have to set up the Chrome dev tools Filesystem and source maps.

14

can you explain how to turn off merging files into one in meteor?

15

What is your goal in seeking to do that?

1 Like
16

I want to debug the code, I want to see the files in chrome as they are in my webstorm, and not glued into a single file of 24,000 lines and with changed code

17

Very good. The solution you are seeking is unrelated to the goal you are trying to achieve.

Meteor is supposed to build your app into a single file. This is unrelated to your goal of editing/debugging your source code as individual files.

The way to achieve your goal of editing/debugging your source code as individual files is to use Chrome’s Filesystem and Source Map features, which will use the Source Maps generated by Meteor.

I use WebStorm too.

1 Like