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