Конфигурация начальной загрузки Docker php не загружает CSS должным образом ⇐ Php

[Anonymous]

Я новичок в Docker, я пытаюсь настроить конфигурацию Docker для добавления темы Php, Nginx, Mysql, Bootstrap и Sb Admin 2. Но CSS не загружается должным образом. Ниже конфигурации:
docker-compose.yml

Код: Выделить всё

    version: '3.3'

services:
php:
build:
context: .
dockerfile: Dockerfile
volumes:
- ./www:/var/www/html
depends_on:
- mysql

nginx:
image: nginx:latest
ports:
- "8080:80"
volumes:
- ./nginx.conf:/etc/nginx/nginx.conf
- ./www:/var/www/html
depends_on:
- php

mysql:
image: mysql:5.7
environment:
MYSQL_ROOT_PASSWORD: root
MYSQL_DATABASE: my_database
volumes:
- mysql_data:/var/lib/mysql

volumes:
mysql_data:

Dockerfile

Код: Выделить всё

# Use the official PHP image with Apache
FROM php:7.4-fpm

ENV NODE_VERSION=18.17.0

# Set working directory
WORKDIR /var/www/html

# Install system dependencies
RUN apt-get update && apt-get install -y \
build-essential \
libpng-dev \
libjpeg62-turbo-dev \
libfreetype6-dev \
locales \
zip \
jpegoptim optipng pngquant gifsicle \
vim \
unzip \
git \
curl \
&& apt-get clean && rm -rf /var/lib/apt/lists/*

# Install PHP extensions
RUN docker-php-ext-install pdo_mysql exif pcntl bcmath gd

# Install Composer
COPY --from=composer:latest /usr/bin/composer /usr/bin/composer

# Install Node.js and npm
RUN curl -sL https://deb.nodesource.com/setup_14.x | bash - && \
apt-get install -y nodejs

# Copy the application files
COPY ./www /var/www/html

# Install npm dependencies
RUN cd /var/www/html && npm install && npm run build

# Expose port 9000 and start php-fpm server
EXPOSE 9000
CMD ["php-fpm"]

webpack.config.js

Код: Выделить всё

const path = require('path');

module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
{
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'assets/'
}
}
]
}
]
}
};

index.js

Код: Выделить всё

   import 'bootstrap/dist/css/bootstrap.min.css';
import 'startbootstrap-sb-admin-2/css/sb-admin-2.min.css';
import 'bootstrap/dist/js/bootstrap.bundle.min';
import 'jquery';
import 'startbootstrap-sb-admin-2/js/sb-admin-2.min';

// You can add custom JavaScript code here
console.log("Hello from Webpack!");

Это страница, на которой мне нравится использовать шаблон администратора SB
login.html
Ниже структура проекта:


Это результат при загрузке login.html:
[img]https://i .sstatic.net/82Xi04nT.png[/img]

Я использую:
Node v22.4.0
Npm 10.8.1
Docker версии 19.03. 8
Есть ли у кого-нибудь идеи?
Заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/787 ... s-properly