Aurelia skeleton-esnext-webpack与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包含基础。有人能指出我正确的方向并指导我解决这个问题吗？

非常感谢您的帮助。

此致 忻

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'))
    }
}