javascript – 如何在带有ES6的webpack中包含jQuery之前的jQuery?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在带有ES6的webpack中包含jQuery之前的jQuery?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试过这个:
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
原文链接:https://www.f2er.com/jquery/240833.html

猜你在找的jQuery相关文章