typescript - 如何将 webpack 与 typescript 一起使用？

Question

我正在使用 cycle.js 中的示例

MyScript.ts

import { run } from '@cycle/run';
import {makeDOMDriver, div, button} from '@cycle/dom';
import _ from 'lodash';
import xs from 'xstream';


function main (sources) {

  console.log('Hello World');

  const add$ = sources.DOM
    .select('.add')
    .events('click')
    .map(ev => 1);

  const count$ = add$.fold((total, change) => total + change, 0);

  return {
    DOM: count$.map(count =>
      div('.counter', [
        'Count: ' + count,
        button('.add', 'Add')
      ])
    )
  };
}

const drivers = {
  DOM: makeDOMDriver('.app')
}


run(main, drivers);

当我编译我的项目时，它会创建 MyScripts.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var run_1 = require("@cycle/run");
var dom_1 = require("@cycle/dom");

function main(sources) {
    console.log('Hello World');
    var add$ = sources.DOM
        .select('.add')
        .events('click')
        .map(function (ev) { return 1; });
    var count$ = add$.fold(function (total, change) { return total + change; }, 0);
    return {
        DOM: count$.map(function (count) {
            return dom_1.div('.counter', [
                'Count: ' + count,
                dom_1.button('.add', 'Add')
            ]);
        })
    };
}
var drivers = {
    DOM: dom_1.makeDOMDriver('.app')
};
run_1.run(main, drivers);
//# sourceMappingURL=MyScript.js.map

当我在 chrome 中检查页面时，我得到了

Uncaught ReferenceError: exports is not defined

MyScript.js 第 2 行

这个答案说我可能需要 webpack。
gulp babel, exports is not defined

如何加载 webpack？是不是像<script type='javascript' src='webpack' >

Answer 1

经过数月的基本 TypeScript 环境设置问题后，昨天我终于让它工作了，主要是通过复制这个启动项目。

https://github.com/krasimir/webpack-library-starter

我不愿意使用 Webpack，因为它是一个严重的依赖项，需要安装许多其他 npm 包，但复制起始项目非常容易，之后一切都运行良好。