@gage
Вот пример кода, который можно использовать для создания bundle.min.js с помощью webpack:
- Установите необходимые зависимости:
1
|
npm install webpack webpack-cli babel-loader @babel/core @babel/preset-env --save-dev
|
- Создайте webpack.config.js файл с настройками webpack:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.min.js'
},
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
};
|
- Создайте файл index.js в папке src (и создайте другие необходимые файлы, которые импортируются в index.js).
- Добавьте скрипт сборки в package.json:
1
2
3
|
"scripts": {
"build": "webpack --config webpack.config.js"
}
|
- Запустите команду сборки:
После выполнения этих шагов, webpack соберет все модули, обработает их с помощью babel-loader (если это необходимо), и создаст bundle.min.js в папке dist.