我已经安装了npm平滑滚动 https://github.com/cferdinandi/smooth-scroll,一个不支持的包import syntax.
如果我手动将源代码复制到 libs 库并使用script tag:
<script src="/libs/smooth-scroll.js"></script>
但我该如何使用import与它的语法。我尝试了两种选择,但都不起作用。
选项A:
import scroller from 'smooth-scroll';
选项B:
import {scroller} from 'smooth-scroll';
这是一种猜测,显然不适合工作,但如何使用import并让 Webpack 来服务它?
UPDATE:
我注意到该包的源代码以以下行开头:
(function (root, factory) {
if ( typeof define === 'function' && define.amd ) {
define([], factory(root));
} else if ( typeof exports === 'object' ) {
module.exports = factory(root);
} else {
root.smoothScroll = factory(root);
}
})(typeof global !== 'undefined' ? global : this.window || this.global, (function (root) {
...
这是否意味着该包已经支持 ES2015 导入?
最简单的答案是进入 smooth-scroll.js 的源代码并添加到底部:
export default smoothScrollFunction;
其中 smoothScrollFunction 是函数/对象/您想要导入的任何内容。然后导入语句将在其他代码中使用:
import scroller from "./lib/smooth-scroller";
这就是 ES2015 中导入和导出的工作方式。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)