In production, it is recommended to minify any JavaScript code that is included with your application. Minification can help your website load several times faster, especially as the size of your JavaScript source code grows.
Here's one way to set it up:
npm init -y in your project folder (don't skip this step!)npm install terserNow, to minify a file called like_button.js, run in the terminal:
| <!DOCTYPE html> | |
| <!-- | |
| All credit goes to http://jsfiddle.net/aKr8D/21/ | |
| --> | |
| <html> | |
| <head> | |
| <title>Falling Sakura leaves</title> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | |
| <style> | |
| @-webkit-keyframes fall { |
| <!DOCTYPE html> | |
| <!-- | |
| All credit goes to http://jsfiddle.net/aKr8D/21/ | |
| --> | |
| <html> | |
| <head> | |
| <title>Falling Sakura leaves</title> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | |
| <style> | |
| @-webkit-keyframes fall { |
| <html> | |
| <head> | |
| <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> | |
| <link href="rotate.css" rel="stylesheet" type="text/css" /> | |
| <script type="text/javascript" src="rotate.js"></script> | |
| <script type="text/javascript"> | |
| $(window).load(function() { | |
| startRotator("#rotator"); | |
| }) | |
| </script> |