我试过这个:
import $from 'jquery'; window.jQuery = $; import angular from 'angular';
但$.fn.scope未定义,ng-bind-html内的脚本不能正常工作Injecting a script tag with 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
解决方法
这项工作:
module.exports = { module: { loaders: [ { test: /angular(\.min)?\.js$/,loader: 'expose?jQuery' } ] } };
但你需要从npm安装expose-loader:
npm install expose-loader --save