Задать вопрос
QSem
@QSem
о себе?!

Как сбилдить все подключаемые файлы в один index.html?

Ребята, подскажите пожалуйста как решить проблему билда мою....
В общем я с помощью webpack собираю все в папку dist (index.html, main.js, style.css) . Теперь надо сделать билд, который все файлы вставит в index.html
Не вот так:

<!doctype html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <style src="./style.css"></style>
</head>
<body>
  <div class="content"></div>
</body>
<script> src="./src/js/index.js"</script>
</html>


А вот так:
<!doctype html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
<style type="text/css">html, body {
  margin: 0;
  padding: 0;
  overflow: hidden; }
</style></head>
<body>
  <div class="content"></div>
</body>
<script>
  class Temp{
    constructor() {
      this.name = 'Olexiy'
    }

    init() {
      console.log('INIT')
    }
  }
</script>
</html>
  • Вопрос задан
  • 341 просмотр
Подписаться 1 Сложный Комментировать
Решения вопроса 1
QSem
@QSem Автор вопроса
о себе?!
Вопрос решен методом тыка....
В WebPack config у них описание не рабочее видимо....

plugins: [
        new ExtractTextPlugin("styles.css"),
        new HtmlWebpackPlugin({
            title: "clear engine",
            template: "index.html",
            inlineSource: '.(js|css)$' // embed all javascript and css inline
        }),
        new HtmlWebpackInlineSourcePlugin()
    ],


Вот так не работало:
inlineSource: '.(js|css)$'

Так работает:
inlineSource: '.js|css'
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Destell
@Destell
React, React Native junior developer
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы