Aurelia skeleton-esnext-webpack with zurb foundation 6.2,3

Question

我正在尝试将 Zurb Foundation 6.2.3 与 Aurelia 一起使用，我开始使用 skeleton-esnext-webpack。我运行遇到的问题是当我尝试初始化 $(document).foundation() 时。以下是我的 main.js

的片段

const rootElement = document.body;
rootElement.setAttribute('aurelia-app', '');
await aurelia.start().then(a => a.setRoot('app', rootElement)).then(a => {
$(document).foundation();
    console.log('foundation loaded')
});

我是 webpack 和 esnext 的新手，但根据我的理解，我需要使用 require 或 import 来包含基础。有人可以指出正确的方向并指导我解决这个问题吗？

非常感谢您的帮助。

此致， TiKi

Answer 1

事实证明，发生的事情是两部分的问题。一个 zurb 基础不符合 jQuery 3.0，第二个 webpack 引入了传递依赖。我最终将 jquery-migrate 1.3.0 作为依赖项包括在内，并使用下面的解析别名更新了 webpack.config.js 以确保 jQuery 仅加载一次。

resolve: {
    alias: {
        'jquery': path.resolve(path.join(__dirname, 'node_modules', 'jquery'))
    }
}

Aurelia skeleton-esnext-webpack with zurb foundation 6.2,3

Aurelia skeleton-esnext-webpack with zurb foundation 6.2,3

ecmascript-6

webpack

aurelia

zurb-foundation-6