Webpack2 + Materialize-css + 任何 jquery 插件答案

【问题标题】：Webpack2 + Materialize-css + Any jquery PluginWebpack2 + Materialize-css + 任何 jquery 插件
【发布时间】：2017-09-23 21:45:07
【问题描述】：

从 Webpack 1 迁移后，我正在使用 Webpack 2。我的一些 jquery 插件停止工作。

使用 materialize-css 包时出现以下错误：

TypeError: $(...).parallax 不是函数

之前确实有效。

我使用它的方式是：

attached(){
    $('.parallax').parallax();

    $('body').addClass('user-background');      
}

detached(){        
    $('body').removeClass('user-background');
}

【问题讨论】：

你必须发布 webpack.config.js。很可能，插件没有正确附加到 jquery 对象。
@Quotidian 请参考我的 webpack.config：gist.github.com/hmarcelodn/3ca937e37e61537b5d756ce7652d1549 谢谢。

标签： webpack aurelia materialize webpack-2

【解决方案1】：

一些东西在 webpack.config 中看起来不正确

您已经导入了两次 jquery：在 'jqueryPlugings' 和 'vendor' 条目中。这适用于拥有CommonsChunkPlugin 的生产环境（见下文）。
在CommonsChunkPlugin 中，您的目标是“common”而不是“vendor”和“jqueryPlugins”

希望对你有帮助

【讨论】：

我修改了 jquery 的东西，但问题仍然存在。现在看起来像这样：gist.github.com/hmarcelodn/3ca937e37e61537b5d756ce7652d1549

【解决方案2】：

我成功地解决了这个问题。问题是最新版本的 jquery@3.1.1 / 锤子包含在最新的 aurelia-skeleton 中，它不适用于 materialize-css 及其旧版 jquery 插件。

【讨论】：