如何在ES6的webpack中包含jQuery之前的jQuery？

Question

我试过这个:

import $ from 'jquery';
window.jQuery = $;
import angular from 'angular';

但$ .fn.scope未定义,ng-bind-html中的脚本不起作用使用ngBindHtml注入脚本标记

也在webpack配置中试过这个

module.exports = {
  module: {
    loaders: [
       { test: /angular(\.min)?\.js$/, loader: "imports?$=jquery" },
       { test: /jquery(\.min)?\.js$/, loader: 'expose?jQuery' }
    ]
  }
};

但得到了错误:

ERROR in ./~/angular/angular.js
Module not found: Error: Cannot resolve module 'expose' in C:\project\src\ui\node_modules\angular
 @ ./~/angular/angular.js 2:8-25

Answer 1

这项工作：

module.exports = {
  module: {
    loaders: [
       { test: /angular(\.min)?\.js$/, loader: "imports?$=jquery" },
       { test: /jquery(\.min)?\.js$/, loader: 'expose?jQuery' }
    ]
  }
};

但您需要expose-loader从npm 安装：

npm install expose-loader --save