如何使用webpack导入静态url:index.jsimport 'http://google.com/myscript.js'
index.js
import 'http://google.com/myscript.js'
ctzwtxfj1#
现在还不清楚你想做什么,但总的来说你有几个选择。1.* * 预先下载脚本或通过NPM安装**。这可能是处理外部依赖的首选方法。一旦它是本地的,你可以像任何其他模块一样轻松地import或require它。1.* * 如果绝对必须动态加载**,则需要https://www.npmjs.com/package/scriptjs等第三方模块,该模块可以在运行时轻松下载第三方模块,并阻止脚本其余部分的执行,直到脚本被解析。1.* * 使用一个<script>标签并将其包含在页面中**.只有当它是一个可以在加载其他内容之前加载的通用依赖项时,这才有效(可能是一个polyfill或一个你在任何地方都依赖的库,如jquery).希望能帮上忙!
import
require
<script>
hgc7kmma2#
这个webpack问题说你可以使用这个注解来允许导入工作。虽然这只是动态导入而不是静态导入。
import(/* webpackIgnore: true */ "https://example.com");
首次显示于此处https://stackoverflow.com/a/69951351/4619267
camsedfj3#
import是es6,有了es 5和webpack,使用require,或者更好地用AMD/UMD Package 你的JS文件。
3条答案
按热度按时间ctzwtxfj1#
现在还不清楚你想做什么,但总的来说你有几个选择。
1.* * 预先下载脚本或通过NPM安装**。这可能是处理外部依赖的首选方法。一旦它是本地的,你可以像任何其他模块一样轻松地
import
或require
它。1.* * 如果绝对必须动态加载**,则需要https://www.npmjs.com/package/scriptjs等第三方模块,该模块可以在运行时轻松下载第三方模块,并阻止脚本其余部分的执行,直到脚本被解析。
1.* * 使用一个
<script>
标签并将其包含在页面中**.只有当它是一个可以在加载其他内容之前加载的通用依赖项时,这才有效(可能是一个polyfill或一个你在任何地方都依赖的库,如jquery).希望能帮上忙!
hgc7kmma2#
这个webpack问题说你可以使用这个注解来允许导入工作。虽然这只是动态导入而不是静态导入。
首次显示于此处https://stackoverflow.com/a/69951351/4619267
camsedfj3#
import
是es6,有了es 5和webpack,使用require
,或者更好地用AMD/UMD Package 你的JS文件。