Parceljs构建UMD

Question

我正在尝试使用模块-bundler ParcelJS构建一个模块。我希望这个模块是导入友好的：

• 它应该是进口友好的(ES6)
• 应该是友好的(节点)
• 它应该是脚本-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 --全局TestClass创建通用包

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

Answer 1

您可以使用：

parcel build index.js --global TestClass

一些CLI选项：

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

如果您想在此时观看和构建：

parcel watch build index.js --global TestClass