导入顶部有导入的 JS 文件

Question

我想导入一个文件，该文件可以导入另一个文件，以便能够在多个页面上使用它

文件夹结构

js
modules
momentum-scrolling
index.js
about.js
contact.js

momentum-scrolling.js

import LocomotiveScroll from 'locomotive-scroll';
export const scroll = new LocomotiveScroll({
el: document.querySelector('[data-scroll-container]'),
smooth: true
});

index.js

import './modules/momentum-scrolling'
window.addEventListener('DOMContentLoaded', () => {
// some code
});

Answer 1

我认为为了使这些导入正常工作，您需要包含type="module"在HTML脚本标签中。这样的:

<script type="module" src="index.js"></script>