Project size and minifications

[evancz]

@teatimes, I suspect the thread linked by @hans-helmut may have your answer:

Optimize elm compilation with webpack

I am using Elm with webpack, and trying to reduce the compiled file size using the steps described here https://elm-lang.org/0.19.0/optimize. The issue is that I cannot seem to get webpack to treat the elm code any differently than the rest of the js I have. Would anyone mind sharing their config if they managed to achieve something similar? Particularly if they have a codebase with a mix of elm and non elm code to be uglified. I found the following issue https://github.com/elm-community/elm-w…

It seems like the root issue there was that the default uglifyOptions are not right for Elm, so @rupert gave a recommendation of how to make those options match the recommended script here:

Optimize elm compilation with webpack

I guess give this a go: new UglifyJsPlugin({ uglifyOptions: { compress: { pure_funcs: ['F2','F3','F4','F5','F6','F7','F8','F9','A2','A3','A4','A5','A6','A7','A8','A9'], pure_getters: true, keep_fargs: false, unsafe_comps: true, unsafe: true, passes: 3 } } }) I see it takes a ‘passes’ option.

But it looked like the author ended up using a “separate plugin” for Elm code such that the same uglify options were not used on JS code from different origins:

Optimize elm compilation with webpack

You can now use elm-minify as part of Webpack with this plugin. An example can be found here. Let me know if you have any problems with the package

Curious to hear what the root cause was if you figure this out!