Parceljs 构建 UMD

Question

我正在尝试使用模块捆绑器 ParcelJS 构建一个模块。我希望这个模块对导入友好：

• 应该是导入友好的 (ES6)
• 应该是友好的（节点）
• 它应该是 script-src 友好的（浏览器）
• 它应该支持 UMD 约定...

我尝试了以下方法：

TestClass.js

export class TestClass {
  constructor(msg) {
    this.msg = msg;
    this.init();
  }
  init() {
    document.body.insertAdjacentHTML('afterbegin', `
    <div class="message">${this.msg}</div>`);
  }
}

index.js（创建包的文件）

//import styling for TestClass
import styles from '../css/styles';

//import class TestClass library
import { TestClass } from './TestClass';

//export TestClass
export default TestClass;

尝试通过运行以下命令创建通用捆绑包： parcel index.js --global TestClass

有没有人可以给我更多关于使用 parceljs 导出模块的信息/帮助？

Answer 1

你可以使用：

parcel build index.js --global TestClass

一些 CLI 选项：

• -d：选择目录
• -o: 输出文件名
• --no-minify
• --global <GlobalName>

---

如果你想在当时观看和构建：

parcel watch build index.js --global TestClass