如果手动添加 jQuery,我应该在脚本中使用 import jQuery 吗?
Should I use import jQuery in a script if jQuery is being added manually?
我正在维护一个现有的项目,我看到了这个:
该站点已经包含 jQuery 传统方式(它是 WordPress,除非您更改内容,否则 WordPress 默认包含 jQuery)。
<script src="cdn-or-local/jquery.js"></script>
然后该站点包含另一个 javascript 文件,该文件已使用 Webpack 和 Babel 编译。
<script src="wordpress-theme/dist/whatever.js"></script>
在原始 whatever.js 文件(不是编译的文件,而是人工创建的文件)上,它指出:
import $ from 'jquery';
$(document).ready(() => {
...
}
这让我很困惑。
据我所知,如果 jQuery 在加载 whatever.js 文件之前已经被加载,那么 $ 将已经被定义。
问题:我可以安全地省略 import $ from 'jquery';
吗?
是的,如果您的模块需要 jQuery,导入 jQuery 是一个好习惯 - 显式声明有利于提高可读性,并允许工具知道 $
指的是什么!但是,您可以(应该)configure webpack to not bundle jQuery as a dependency, but assume it is already loaded and available from a global variable.
我正在维护一个现有的项目,我看到了这个:
该站点已经包含 jQuery 传统方式(它是 WordPress,除非您更改内容,否则 WordPress 默认包含 jQuery)。
<script src="cdn-or-local/jquery.js"></script>
然后该站点包含另一个 javascript 文件,该文件已使用 Webpack 和 Babel 编译。
<script src="wordpress-theme/dist/whatever.js"></script>
在原始 whatever.js 文件(不是编译的文件,而是人工创建的文件)上,它指出:
import $ from 'jquery';
$(document).ready(() => {
...
}
这让我很困惑。
据我所知,如果 jQuery 在加载 whatever.js 文件之前已经被加载,那么 $ 将已经被定义。
问题:我可以安全地省略 import $ from 'jquery';
吗?
是的,如果您的模块需要 jQuery,导入 jQuery 是一个好习惯 - 显式声明有利于提高可读性,并允许工具知道 $
指的是什么!但是,您可以(应该)configure webpack to not bundle jQuery as a dependency, but assume it is already loaded and available from a global variable.