How to optimize all javascript files in a directory with requirejs

Question

I have a folder structure like this:

. ├── autocomplete │  ├── core.js │  ├── search.js │  └── user.js ├── build.js ├── collapsible_lists.js ├── griffgrabber │  ├── canvasobject.js │  ├── cargame.js │  ├── car.js │  ├── griffDrawer.js │  ├── keylistener.js │  ├── run.js │  └── victim.js ├── main.js ├── newsfeed.js ├── require.js ├── shortcut.js └── sidebar.js 3 directories, 20 files 

main.js is a boot file. This file requires several files, but not all of them. The remaining files are included in

 <script> require(['shortcut'], function(shortcut){ // ... }) </script> 

in some html files.

This is my build.js file:

 { baseUrl: ".", name: "main", out: "main-built.js", } 

But it only includes files that are required by main.js. Is it possible to optimize all javascript files in one go?

Answer 1

(to expand @ Ryan Lynch's offer):

Use the include parameter, as per the documentation:

You can always explicitly add modules that are not found through static optimizer analysis using the include parameter.

( http://requirejs.org/docs/optimization.html )

 { baseUrl: ".", // ? appDir: ".", // ? dir: "output/", modules: [ { name: "main", include: [ "shortcut" ] } ] } 

A more detailed example in a great example.build.js (I actually find it more useful than the documentation page)

---

(Sorry, I did not manage to replicate and check correctly to make sure that the path values ​​are correct, I will try later and update my answer)

Answer 2

Try to include an array of modules in your modules, therefore:

 { baseUrl: ".", out: "main-built.js", modules: [ { name: "main" } ] } 

According to the documentation:

In the module array, specify the names of the modules you want to optimize in the "main" example. "main" will map to appdirectory / scripts / main.js in your project. The build system will then track the dependencies for main.js and inject them into appdirectory-build / scripts / main.js.

Answer 3

Another less orthodox way of achieving this would be to add this "shortcut" module depending on any of the “visible” modules detected by the r.js scan (ie, “main.js”). Thus, the entire dependency branch starting with the "shortcut" will be included in the output.