使用Webpack的不同文件中的JQuery函数

问题描述 投票:0回答:2

我在index.js文件中具有以下JS:

import * as $ from 'jquery';
window.jQuery = $;

$(function () {
  $.fn.mapit = function () { 
    // Do something
  }
}

我试图将功能mapit移至另一个文件:

index.js

import * as $ from 'jquery';
window.jQuery = $;
import 'mapit.js'

mapit.js

$(function () {
  $.fn.mapit = function () { 
    // Do something
  }
}

但是在mapit文件中出现$ is undefined时出错。

我正在使用webpack进行构建,入口点是index.js

我该如何解决?

javascript jquery webpack
2个回答
0
投票

您需要撤消导入。 mapit.js没有导入jquery,也没有定义它。 index.js可以。

也许您最好的做法是将jquery移到它自己的文件(jquery.js),将jquery.js导入mapit.js,然后将mapit.js导入index.js


0
投票

也在import * as $ from 'jquery';内进行mapit.js

这就是模块在JS中的工作方式,您需要在要使用它们的文件中导入必要的模块。它不像传统的<script>标记

© www.soinside.com 2019 - 2024. All rights reserved.