Question

我有添加脚本的索引页面：

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
      ...

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<script src="/assets/scripts/resize.js"></script>

所有这些脚本都需要JQuery

我在npm install jquery

中添加了JQuery

但是当我加载索引页面时：

Uncaught Error: Bootstrap's JavaScript requires jQuery
    at bootstrap.min.js:6

和

Uncaught ReferenceError: $ is not defined
    at resize.js:3

加载过程后，我在浏览器控制台Jquery中检查并注意到我能够使用$（'...'）

那么为什么在标题中定义的脚本看不到npm install jquery安装的Jquery以及如何修复它？

Answer 1

您需要使用ProvidePlugin。 https://webpack.js.org/plugins/provide-plugin/ 将此行添加到您的webpack配置：

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

angular2-webpack-starter的JQuery定义

1 个答案: