Импортировать пакет веб-пакета в статический HTML-файл - PullRequest
Новая
       15

Импортировать пакет веб-пакета в статический HTML-файл

0 голосов
/ 25 апреля 2019

Интересно, можно ли импортировать весь пакет веб-пакетов (js-файлы с ресурсами) в статическую HTML-страницу, которая создается и размещается в другом месте.

Я создал пакет веб-пакетов JavaScript и CSS-кода и некоторые другиеактивы (в этом случае шрифты импортируются как @font-face в CSS).Я хотел бы разместить его на сервере и сделать его многоразовым и доступным для статической HTML-страницы.Этих HTML-файлов будет много, и каждый из них будет использовать один и тот же пакет, поэтому я хотел бы избежать копирования его для каждой HTML-страницы.

webpack config: 

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /\.(woff(2)?|ttf|eot|otf|svg)(\?v=\d+\.\d+\.\d+)?$/,
                use: [{
                    loader: 'file-loader',
                    options: {
                        name: '[name].[ext]',
                        outputPath: 'fonts/'
                    }
                }]
            }
        ],
    },
};

Файловая структура пакета очень проста: 

| main.js
| other_file.js
| fonts/
| . font.ttf
| . font.svg
| . font.otf

<script src="script/main.js"></script> явно недостаточно, поскольку этот файл зависит от файлов шрифтов.Путь к ним относится к файлу .js, в то время как браузер ищет их относительно просматриваемой страницы, размещенной в другом месте.

Как мне решить эту проблему?

...