Как интегрировать внешние зависимости в веб-приложение - PullRequest
Новая
       9

Как интегрировать внешние зависимости в веб-приложение

0 голосов
/ 30 декабря 2018

Я пишу свое первое веб-приложение, используя npm, nodejs и реагирующие компоненты.Для меня это все довольно новые вещи.

Мне нужно развернуть это веб-приложение на сервере в локальной сети.И сервер, и клиенты не имеют доступа к Интернету.Я следовал некоторым учебникам, чтобы создать свою первую реализацию веб-приложения.Проблема заключается в том, что теперь веб-приложение ссылается на библиотеки и css по ссылкам CDN (например, указанным в index.html).

Мой вопрос заключается в том, существует ли стандартный и автоматический способ создания веб-приложения, чтобы зданиеПроцесс автоматически загрузит все внешние зависимости и преобразует все ссылки из внешнего мира в локальные пути.

Ответы [ 2 ]

0 голосов
/ 30 декабря 2018

Для этого можно использовать nodejs.

Вот пример, который можно использовать с gulp для копирования всех зависимостей в папку vendor с использованием gulp-npm-dist: https://www.npmjs.com/package/gulp-npm-dist

Этот пакет автоматически загрузит и скопирует ваш vendors на основе вашего package.json.Это самый простой способ сделать это, и вы можете легко обновлять и управлять всеми версиями ваших пакетов с помощью этого метода.

Пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы.

Карим

0 голосов
/ 30 декабря 2018

Мой вопрос заключается в том, существует ли стандартный и автоматический способ создания веб-приложения, чтобы процесс сборки автоматически загружал все внешние зависимости и преобразовывал все ссылки из внешнего мира в локальные пути.

Вам необходимо использовать пакетный модуль, например, веб-пакет.

Тогда базовое приложение будет выглядеть примерно так:

Структура проекта: 

..
src
    ..
    js
        ..
        <your react files here>
    css
        ..
        <your css files here>
    index.htm
    index.js
package.json
.babelrc
webpack.config.js

index.js 

import 'some/library/from/node_modules';
import YourApp from "./js/YourApp.jsx";

Итак, вы можетебыть в состоянии связать ваше приложение React с css-файлами, шрифтами, библиотеками js и т. д. в один файл без внешних зависимостей и обслуживать его с помощью Node.js как статический файл.

Вот хорошая статья на эту тему:https://www.valentinog.com/blog/react-webpack-babel/

...