jquery - 使用 webpack 2 加载 jQuery 插件

Question

在花了一天的大部分时间进行谷歌搜索和尝试之后 - 我没有让它工作，此时我不确定缺少什么。
我已经在 webpack.common.js 中使用了 jQuery(并验证了它的工作原理):

new ProvidePlugin({
        jQuery: 'jquery',
        $: 'jquery',
        jquery: 'jquery'
    }) 

例如我有一个“MetisMenu”插件，我应该在哪里配置它？

我在 app.module.ts 中尝试了 require/include 的各种组合。
就像(包括将它们分配给常量/var，但 import/require 总是给出此错误):

import 'metismenu';
jQuery(...).metisMenu is not a function

import { metisMenu } from 'metismenu';
Cannot assign to read only property 'exports' of object '#<Object>'

require ('metismenu');
Cannot assign to read only property 'exports' of object '#<Object>'

import * as jQuery from 'jquery';
import "metismenu";
Cannot assign to read only property 'exports' of object '#<Object>'

Answer 1

我也遇到了同样的问题。我无法将 Jquery 和外部插件与 webpack 2 捆绑在一起。

所以我使用 webpack 的外部选项“解决”了部分问题。

我链接CDN库(jquery和其他jquery插件)。

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.js" crossorigin="anonymous"></script>

我在 webpack.config 上指定了“externals”选项

externals: {
    jquery: 'jQuery'
}

并添加 ProvidePlugin

new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' })

在应用程序文件中，我导入 jquery 并使用这样的插件

 import * as $ from 'jquery';
 $('.accordion').accordion();

如果有人能告诉我如何将 jQuery 与 Webpack 2 捆绑在一起，我将不胜感激