Как заставить работать синхронизацию в электронном приложении aurelia с помощью веб-пакета? - PullRequest
Новая
       30

Как заставить работать синхронизацию в электронном приложении aurelia с помощью веб-пакета?

0 голосов
/ 19 ноября 2018

У меня работают Aurelia, Electron и Webpack, но я бы хотел включить CDN-версию Syncfusion.В обычном веб-приложении вы можете просто включить его в HTML-файл, но как включить его в приложение Aurelia Electron Webpack?

В моем app.html у меня есть следующий код: 

<require from="http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js"></require>
<require from="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></require>
<require from="http://cdn.syncfusion.com/16.3.0.29/js/web/ej.web.all.min.js"></require>

Ответы [ 2 ]

0 голосов
/ 20 ноября 2018

Для вашего сведения, приложение Webpack объединит файлы сценариев в папку dist, которая полезна для запуска приложения Electron.

Чтобы импортировать файлы зависимостей Syncfusion JavaScript, вы можете использовать любой из этих двухспособы:

  • Импорт сценария в main.ts файле
  • Создание пользовательского файла JavaScript для зависимостей Syncfusion

Импорт сценария в файл main.ts

Импортируйте скрипт в файл main.ts, как показано ниже, фрагмент кода.При импорте зависимостей JavaScript Syncfusion, как показано ниже, он будет упакован в папку dist. 

...
import { PLATFORM } from 'aurelia-pal';
import * as Bluebird from 'bluebird';
import 'syncfusion-javascript/Scripts/ej/web/ej.grid.min';

// remove out if you don't want a Promise polyfill (remove also from webpack.config.js)
Bluebird.config({ warnings: { wForgottenReturn: false } });

export async function configure(aurelia: Aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .plugin(PLATFORM.moduleName('aurelia-syncfusion-bridge'), (syncfusion) => syncfusion.ejGrid());
...

Создание пользовательского файла JavaScript для зависимостей Syncfusion

Необходимо создать пользовательский JavaScriptфайл для зависимостей Syncfusion (ej.web.all.min.js) и импортируйте созданные файлы JavaScript, используя require в вашем файле app.html.

0 голосов
/ 20 ноября 2018

Тег require не предназначен для внешних CDN, но предназначен для локальных пользовательских элементов / преобразователей значений / пользовательских атрибутов / стилей.Добавьте элемент <script src="http://..."> в ваш index.html или создайте пользовательский элемент для загрузки сценария в конкретный компонент, например this .

...