Re: [pgAdmin4]: Webpacking of static JS/CSS

​1. ​

Tools

​(tools.js)​ - It will contain all JS modules under tools directory

​2. ​

Browser

​(browser.js)​ - It will contain all JS modules under browser directory

​4. Common.js and/or vendor.js - Common.js will contains all common js files/libraries shared by modules like backform, backbone, underscore etc.

Entry points JS: main.js - It will load above modules ascynchronusly or it will be minified version of all.

define('', ['common', 'tools', 'browser', 'grid'], function(...) {});

or these modules can also be loaded using dependency; For example, load grid.js on database node expand.

​Currently I am working on converting 'requirejs config shim dependency into webpack' using imports-loader and exports-loader which is taking time and will look for alternative if it doesn't works. Once dependency is properly defined, the task to generate other module JS will become quite easy.

I also found, the CSS imported using import 'slickgrid/slick.grid.css'; statement is put into <style></style> tags

​ in html​

, instead must be loaded separately as a file so overrides.css can work.