When we open our browser to view our results, we get a blank screen.

Alternatively, if you have Nodejs installed on your system, simply run npx serve at the root of your project. If you are using vs code, you can serve the index.html file using Live server extension. Open this file( index.html) in your browser to see the output. Just a note: I have added an attribute type='module' to our script tag to allow splitting of code and enable use of import and export statements. startCase will simply convert string to start case. Add markup as shown below to our index.html file as shown below:Įnter fullscreen mode Exit fullscreen modeĪs shown above, we are trying to load lodash' startCase functionality into our site. Then we create a file called index.html at the root of the folder we are inside. We first create a folder called import-maps and change into our new directory. Import maps will allow you to get your application up and running quickly using only the native browser functionality( No build tool). Import maps won't replace build tools completely that perform many other functions like minifying code and building stylesheets. Download the source only when it is neededĪre you afraid you may be digging into something deep? Actually no.Import third party( external) libraries.We have a spec called import maps that will allow you to: These build tools are flexible that they can be configured to load code only as required. The user will load the code regardless of whether they will need to execute it. But by default, most build tools will bundle all the code into one larger file adding even external code that most users of the library may not need. To be able to install and use these external code libraries, you will need a build tool such as webpack, that can parse the code and bundle the libraries that you import into a final format.Īfter this build setup, you can add and integrate new code functionality with ease. External( third party) libraries can add complexity to a new Javascript project in order to introduce newer functionality that does not need to be written from scratch.

Javascript install