Введенные данные в приложении Browserify

Question

Кто-нибудь здесь знает, как вводить данные в приложение Browserify?

Я имею в виду, я использую Browserify для создания файла app.js большого пакета.

Но когда начинается одностраничное приложение, сервер также добавляет некоторые загрузочные данные на HTML-страницу, загружающую приложение, так что приложение не должно выполнять запросы ajax на сервер для получения этих данных.

На данный момент шаблон HTML, оказываемая сервером для запуска приложения выглядит следующим образом:

<script type="text/javascript" > 
window.bootstrapData = @Html(utils.CustomSerializer.serialize(bootstrapData)); 
</script> 

<script type="text/javascript" src="@{reactAppBaseUrl}/app.js"></script> 

А внутри app.js (Browserified одной страницы приложения), мы используем window.bootstrapData, чтобы получить эти данные внутри Браузер.

Есть ли какой-либо элегантный способ сделать это, который не будет включать глобальную переменную?

Answer 1

Используйте external require.

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

browserify -r appBootstrap > app.js 

Затем в теге сценария ниже, где вы импортировали свой узелок, требуют обслуживания и введите данные:

<script type="text/javascript" src="@{reactAppBaseUrl}/app.js"></script> 

<script> 
    var serializedData = @Html(utils.CustomSerializer.serialize(bootstrapData)) 
    require('appBootstrap').load(serializedData); 
</script>