Я использую Webpack и мне нужно скомпилировать код HTML из index.html в папке src в index.html в dist папке, но моя пробная доза не работает !!
Webpack.config. js:
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
],
},
],
},
plugins: [
new HtmlWebpackPlugin(),
],
};
index.html в src:
<!doctype html>
<html>
<head>
<title>Getting Started</title>
</head>
<body>
<h1>tessssssst</h1>
<script src="./src/index.js"></script>
</body>
</html>
После запуска npm run dev Я получил файл в dist с именем index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Webpack App</title>
<meta name="viewport" content="width=device-width, initial-scale=1"></head>
<body>
<script src="bundle.js"></script></body>
</html>
Где мой тег h1?! Я что-то здесь упускаю?!