мой main.css не рендеринг, я использую несколько точек входа webpack.config - PullRequest
Новая
       24

мой main.css не рендеринг, я использую несколько точек входа webpack.config

0 голосов
/ 25 июня 2019

Мой main.css не отображается, я использую несколько точек входа в webpack.config.js файл 

% load render_bundle from webpack_loader %}
<!DOCTYPE html>
<html>
<head>
  <meta name='apple-mobile-web-app-capable' content='yes' />
  <meta itemprop='name' content='TableGrabber Dashboard'>
  {% render_bundle "main" "css" %}
  {% render_bundle "vendors~main" "css" %}
  <title>
    {{ title }}
  </title>

Я ожидаю, что мой файл app.js будет отображаться, и маршруты, записанные в них, можно будет запустить, поместив URL-адрес в браузере

1 Ответ

0 голосов
/ 25 июня 2019

вы забыли поместить {% render_bundle 'back_office' 'js' %} в тело вашей части html-файла

ваш файл может выглядеть следующим образом 

{% load render_bundle from webpack_loader %}
{% load static %}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- YOU COULD INCLUDE STATIC CSS FILES LIKE ... -->
    <link rel="stylesheet" type="text/css" href='{% static "/css/fontawesome5.8.1/all.min.css" %}'>
    <link rel="stylesheet" type="text/css" href='{% static "/css/bootstrap4.3.1/bootstrap.min.css" %}'>

    <title>YOUR TITLE</title>

    {% render_bundle 'first_entry_point' 'css' %}
  </head>
   <body>
    <!-- YOU COULD INCLUDE STATIC JS FILES LIKE JQUERY ... -->
    <script src='{% static "/js/jquery-3.4.1.min.js" %}' type="text/javascript"></script>
    <script src='{% static "/js/bootstrap4.3.1/bootstrap.bundle.min.js" %}' type="text/javascript"></script>
    <div id="react-app" style="height:100%;"></div>
    {% render_bundle 'first_entry_point' 'js' %}
  </body>
</html>

, а в webpack.config.js вы могли бы иметьточки входа, такие как 

.
.
.
module.exports = {

  mode: "development",
  entry: {
    first_entry_point: path.join(__dirname, "...first_entry_point..."),
    second_entry_point: path.join(__dirname, "...second_entry_point...")
  },
.
.
.
...