Parceljs 构建 UMD

Posted 2023-02-23

【中文标题】Parceljs 构建 UMD

【英文标题】：Parceljs build UMD

【发布时间】：2018-11-02 14:34:02

【问题描述】：

我正在尝试使用模块捆绑器 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 导出模块的信息/帮助？

【参考方案1】：

你可以使用：

parcel build index.js --global TestClass

一些 CLI 选项：

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

---

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

parcel watch build index.js --global TestClass