На основании этого видео
npx webpack
- Собрать приложение
npm run dev
- Собрать в режиме разработки
npm run build
- Собрать в режиме продукта
Работа с html шаблоном и подключение всех сгенеренных скриптов
Установка
npm i -D html-webpack-plugin
Использование, подключаем в webpack.config.js
const HtmlWebPackPlugin = require('html-webpack-plugin')
module.exports = {
...
plugins: [
new HtmlWebPackPlugin({
title: 'Webpack generate',
template: './src/index.html'
})
]
}
Очистка старых скриптов и стилей
npm i -D clean-webpack-plugin
Использование, подключаем в webpack.config.js
const HtmlWebPackPlugin = require('html-webpack-plugin')
module.exports = {
...
plugins: [
new HtmlWebPackPlugin({
title: 'Webpack generate',
template: './src/index.html'
})
]
}