Javascript-форум - webpack-dev-server Cannot GET /dist/css/app.css

Javascript-форум (https://javascript.ru/forum/)

- Сборка проекта, утилиты (https://javascript.ru/forum/server-tools/)

- - webpack-dev-server Cannot GET /dist/css/app.css (https://javascript.ru/forum/server-tools/74299-webpack-dev-server-cannot-get-dist-css-app-css.html)

webpack-dev-server Cannot GET /dist/css/app.css

Ребята, помогите разобраться со следующей проблемой:

"webpack": "^3.10.0"

У меня следующуя структура папок:

webpack-app/app/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Webpack Test Page</title>
  <link rel="stylesheet" href="../dist/css/app.css">
</head>
<body>
  <h1>Webpack page</h1>

  <div class="home"></div>

  <img src="../dist/img/background/background.jpg" alt="">

  <!-- JavaScript includes -->
   <script src="../dist/js/app/app.js"></script>
</body>
</html>

webpack-app/src/js/
webpack-app/src/scss/
webpack-app/src/fonts/
webpack-app/src/img/

webpack-app/package.json

"scripts": {
	"build": "webpack",
	"watch": "webpack --watch",
	"start": "webpack-dev-server --open",
	"production": "set NODE_ENV=production && webpack"
},

webpack-app/webpack.config.js

// devserver configuration
devServer: {
  contentBase: './app',
},

Если я заускаю команду: npm run build, то у меня проект собирается и правильно подгружаются все пути.

Если же я использую webpack-dev-server npm run start, то пути у меня не видны

В contentBase пишется не имя собранного js файла, а имя директории - в которой лежит сборка проекта после вебпака и devServer, как прокси-сервер, её раздает. То есть, должно быть как-то так

contentBase: path.join(__dirname, 'dist'),

а если у меня вот такая структура: app/index.html и dist/js/app.js Т.е. в dist нет html файла. Или же так не правильно делать?

s24344,
обычно делают так, чтобы после сборки в dist были все необходимые файлы, для развертывания на сервере. То есть html, js, css, fonts, ... Ну и полезный плагин HtmlWebpackPlugin