10

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

4

1 回答 1

-1

您可以使用:

parcel build index.js --global TestClass

一些 CLI 选项:

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

如果你想当时观看和建造:

parcel watch build index.js --global TestClass
于 2021-02-01T07:08:08.620 回答