umd - Parceljs 构建 UMD

Question

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

它应该是导入友好的 (ES6)

它应该是友好的(节点)

它应该是 script-src 友好的(浏览器)

它应该支持 UMD 约定...

我尝试了以下方法:

测试类.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>

如果你想当时观看和 build :

parcel watch build index.js --global TestClass