Webpack простой конфиг

Webpack простой конфиг

Сайт webpack

https://webpack.js.org

Например есть такой проект

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

Оставить комментарий