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>

如果您想当时观看并构建：

parcel watch build index.js --global TestClass