Сайт webpack
Например есть такой проект
home.html
home.js
welcome.js
package.json
Файл home.html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<script src="./dist/build.js"></script>
</head>
<body>
</body>
</head>
</html>
Файл home.js
let welcome = require('./welcome');
welcome("мир!");
Файл welcome.js
module.exports = function(message) {
alert(`Привет ${message}`);
}
Файл package.json может быть пустой:
{
}
Устанавливаем webpack, если не установили ранее.
Устанавливаем Webpack
npm install --save-dev webpack
npm install --save-dev webpack-cli
Добавляем файл конфига
webpack.config.js
module.exports = {
entry: "./home",
output: {
filename: "build.js"
}
}
После этого можно запускать webpack
npx webpack
В папку dist сформируется файл build.js