How to add a new JavaScript file

Question

https://github.com/puikinsh/Adminator-admin-dashboard

When you use this webpack I want to create and load a new JavaScript file. When using this webpack, I want to create a new javascript file and load it, how do I do that?

If I want to add a new HTML file, I need to add the HTML name to htmlPlugin.js, and then create the HTML file.

However, when I create a new JavaScript file and load it in src/assets/scripts/index.js, it does not work properly. Can someone please help me?

Answer 1

If you need to add a new JS is as simple as adding it, exporting some methods or class, and (the most crucial part) importing it, because if webpack doesn't find any usage, it won't include it.

For example: create a sample.js in folder src/scripts with

export default (function() {
  alert('Hello world')
})()

and, in index.js, add

import './sample'

And you'll see an alert box when the page is loaded.