It sounds like the common issue of Angular’s reliance on the name of arguments for dependency injection. Make sure when you pass dependencies that you include the dependency names as strings so that Angular will know what to inject after minification (since string values won’t be changed in the minification process). myApp.controller(‘myCtrl’, [‘$scope’, ‘$http’, function($scope, … Read more
Good questions! 1) Uglify will reorder the functions in the destination file so that function definitions are on top and function execution on bottom but it seems that it will preserve the order of the function executions. This means that the function jQuery runs to define its global functions will be put first if you … Read more
The problem was being caused by the Uglify mangler. Without knowing which variable rename was causing the problem, the solution was to turn off mangling entirely: new webpack.optimize.UglifyJsPlugin({ sourceMap: false, mangle: false }) This should be added as a Webpack Plugin to your config file, eg: var config = { //… various config settings plugins: … Read more
Running a basic test to see if there is a performance difference between executing concat and then uglify vs. just uglify. package.json { “name”: “grunt-concat-vs-uglify”, “version”: “0.0.1”, “description”: “A basic test to see if we can ditch concat and use only uglify for JS files.”, “devDependencies”: { “grunt”: “^0.4.5”, “grunt-contrib-concat”: “^0.5.0”, “grunt-contrib-uglify”: “^0.6.0”, “load-grunt-tasks”: “^1.0.0”, … Read more
Actually what you want to do (trick it into thinking its just 1 file) is just cat it Linux cat file1.js file2.js file3.js file4.js | uglifyjs -o files.min.js Windows (untested) type file1.js file2.js > uglifyjs -o files.min.js OR type file1.js file2.js > merged.files.js uglifyjs -o merged.files.js
I know it might seem like a huge step but I would really recommend using grunt. It’s really simple once you get the hang of it. Here’s a crash course: Install NodeJS Install Grunt CLI (just enter this in console/terminal): npm install -g grunt-cli Create a simple package.json file in the root of your project: … Read more
To the end of the src array, add ‘!docroot/js/main.min.js’ This will exclude it. The ! turns it into an exclude. http://gruntjs.com/api/grunt.file#grunt.file.expand Paths matching patterns that begin with ! will be excluded from the returned array. Patterns are processed in order, so inclusion and exclusion order is significant. This is not specific to grunt uglify, but … Read more
Minification can improve performance. Node’s V8 optimizing compiler inlines functions according to some heuristics. Minification influences these heuristics. This can cause inlining of previously not inlined functions. Since inlined functions generally perform faster, this can lead to performance improvements. ###Node 9.0+ / V8 6.2+ (Turbofan) – minor performance improvements If the function’s unoptimized bytecode size … Read more
Concatenation is just appending all of the static files into one large file. Minification is just removing unnecesary whitespace and redundant / optional tokens like curlys and semicolons, and can be reversed by using a linter. Uglification is the act of transforming the code into an “unreadable” form, that is, renaming variables/functions to hide the … Read more
With UglifyJsPlugin we can handle comments, warnings, console logs but it will not be a good idea to remove all these in development mode. First check whether you are running webpack for prod env or dev env, if it is prod env then you can remove all these, like this: var debug = process.env.NODE_ENV !== … Read more