Всем привет, делаю блог, всё работает отлично в development моде, все стили и скрипты работают, как должны. Но стоит мне сделать production и за деплоить проект на сайт, как там отваливается стиль у инпута и появляются ошибки в скрипте. Может кто сталкивался, почему такое вообще может быть?
Код webpack.config.js
const HTMLPlugin = require('html-webpack-plugin');
module.exports = {
entry: ['@babel/polyfill', './src/app.js'],
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
},
devServer: {
contentBase: __dirname + '/dist'
},
plugins: [
new HTMLPlugin({
filename: 'index.html',
template: './src/index.html',
favicon: './src/favicon.ico'
})
],
module: {
rules: [
{
test: /\.m?js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
['@babel/preset-env', {targets: "last 5 versions"}]
]
}
}
}
]
}
}
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/mustard-ui@1.0.4/dist/css/mustard-ui.min.css">
<link rel="stylesheet" href="styles.css">
<title>Blog</title>
</head>
<body class="hide">
<header id="header">
<h1 class="title">Created - <a href="https://github.com/Ksooft" target="_blank" rel="nofollow noopener" onclick="this.blur()">Ksooft</a></h1>
<h2 class="subtitle">Создавайте статьи и добавляйте их в избранное</h2>
<button class="get-started button button-purple button-large js-header-start">Приступить</button>
</header>
<section class="container w-container">
<ul class="tabs" id="navigation">
<li><a class="tab" href="#" data-name="posts">Посты</a></li>
<li><a class="tab active" href="#" data-name="create">Создать</a></li>
<li><a class="tab" href="#" data-name="favorite">Избранное</a></li>
</ul>
<a class="github" href="https://github.com/Ksooft" target="_blank" rel="nofollow noopener" onclick="this.blur()"><i class="fab fa-github"></i></a>
<div class="loader-wrap hide" id="loader">
<div class="lds-ripple"><div></div><div></div></div>
</div>
<form id="create">
<h1 class="h4">Создать новый пост</h1>
<div class="form-control">
<label>Название</label>
<input type="text" name="title" placeholder="Введите название">
</div>
<div class="form-control">
<label>Текст</label>
<textarea name="fulltext" placeholder="Введите текст поста"></textarea>
<p class="length-textarea">0</p>
</div>
<div class="form-control">
<label>Тип</label>
<select name="type">
<option value="note" selected>Заметка</option>
<option value="news">Новость</option>
</select>
</div>
<button class="button-primary button-round button-shadow" type="submit">Создать</button>
</form>
<div id="posts" class="hide"></div>
<div id="favorite" class="hide"></div>
</section>
</body>
</html>
