es6-modules - 如何使用 ES6 导入(客户端 JS)

Question

我正在尝试使用 VeeValidate，示例显示了 ES6 导入的用法，如下所示:

import { Validator } from 'vee-validate';

我的理解是，这仅适用于 npm 而不适用于 CDN。我只想编写客户端 js 而不是使用节点 js。我是否必须研究诸如 browserify 或 webpack 之类的东西？

我试图从 CDN 链接复制 javascript 并将其设置为用于导入的本地 js 文件，但无法使其正常工作。是因为我没有导出报表而不起作用吗？

Answer 1

当前 90% of all users browser (caniuse.com) 支持导入/导出语法.
您可以使用它来“包含”您的脚本。首先要做的是把 type="module"作为 <script tag> 的属性 (例如 <script type="module"> )
那么你可以import/export在你的 js 脚本中。和是模块需要导出一个值(变量、函数...)才能在另一个脚本中使用它，但这是可选的，因为您可以执行脚本而无需导出某些内容。
文档:

import

export

Very good article on how to use module in browsers

请记住，这还不是完全支持的功能，如果您介意浏览器兼容性，您将需要一个 polyfill