我在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
我该如何解决?
您需要撤消导入。 mapit.js
没有导入jquery,也没有定义它。 index.js可以。
也许您最好的做法是将jquery移到它自己的文件(jquery.js),将jquery.js导入mapit.js,然后将mapit.js导入index.js
也在import * as $ from 'jquery';
内进行mapit.js
。
这就是模块在JS中的工作方式,您需要在要使用它们的文件中导入必要的模块。它不像传统的<script>
标记