如何利用webpack在aurelia电子应用程序中实现同步工作？

Question

我有奥雷利亚，电子和Webpack工作，但我想包括CDN版本的同步。在一个普通的web应用程序中，你只需将它包含在HTML文件中，但是如何将它包含在Aurelia电子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>

Answer 1

关于您的信息，Webpack应用程序将把脚本文件捆绑在dist文件夹中，这有助于运行电子应用程序。

要导入同步JavaScript依赖项文件，可以使用以下两种方式之一：

• 导入main.ts文件中的脚本
• 为同步依赖创建自定义JavaScript文件

导入main.ts文件中的脚本

在main.ts文件中导入脚本，如下代码片段所示。在导入同步JavaScript依赖项时，如下所示，它将被捆绑在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文件

您必须为同步依赖项(ej.web.all.min.js)创建一个自定义的JavaScript文件，并在app.html文件中使用require导入创建的JavaScript文件。

Answer 2

require标记不是用于外部CDN，而是用于本地自定义元素/值转换器/自定义属性/样式。将<script src="http://...">元素添加到index.html中，或者创建一个自定义元素，以便在特定组件(如这 )中加载脚本。