here’s the (ultimate) answer for closure compiler : /** @const */ var LOG = false; … LOG && log(‘hello world !’); // compiler will remove this line … this will even work with SIMPLE_OPTIMIZATIONS and no –define= is necessary !
This seemed like a good task for me to get into python, which has been pending for a while. I hereby present my first ever python script: import sys, re with open( sys.argv[1] , ‘r’ ) as f: css = f.read() # remove comments – this will break a lot of hacks 😛 css = … Read more
Take a look at the yuicompressor-maven-plugin. It can aggregate various js (as well as css) files as well as minify and obfuscate them.
To change the webpack config and build scripts you have either to eject from create-react-app (i would not recommend this step, as it breaks future compatibility) or use tools like rewire to override some settings Take a look at this. https://github.com/timarney/react-app-rewired I personally used just rewire npm i rewire –save-dev Here is a sample config … Read more
I did some research recently about this, but I could not find any really safe way of how to remove unused CSS. However I came across some tools which would help you detect dead-code in VS Code. There is an extention which is not perfect but looks promising. Also I did some investigation of how … Read more
I recommend using UglifyJS which is a JavaScript parser / mangler / compressor / beautifier library for NodeJS. If you are interested in automation tools that do more than simply concatenate and minify files, there are the following solutions: GruntJS is a task-based command line build tool for JavaScript projects. The current version has the … Read more
Someone has made JSBeautifier into a Firebug plugin: https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/ This has made my day today!
Not sure if you’re still looking for an answer to this, but now you can include the beta version of uglifyjs-webpack-plugin as a webpack plugin and it’ll use uglify-es which can minify ES6 code. npm install uglifyjs-webpack-plugin and then in your webpack.config.js: const Uglify = require(“uglifyjs-webpack-plugin”); module.exports = { entry: …, output: …, plugins: [ … Read more
In the node-sass documentation says you have to use –output-style, and it could be nested | expanded | compact | compressed. To minify use compressed For example: node-sass -w public/css/scss/style.scss public/css/style.css –output-style compressed will minify the CSS.
Because if you’re doing things properly you’re serving HTML gzipped anyway, so the low-hanging fruit of HTML minification – whitespace – isn’t all that relevant. There aren’t lots of easy targets (e.g. variable names) for minification in HTML, which are present in CSS and JavaScript. Much of the content of HTML is the actual content … Read more