Programming My Life - Webpack

Programming My Life

Accessing WebPacked TypeScript from Javascript

While I was trying to incorporate Stripe’s Javascript library into my codebase, I ran into some issues implementing it in Typescript. I eventually was able to fix those issues, but while I was trying to figure that out, I left the Stripe code as Javascript and stumbled upon an interesting way to interface that with my Typescript code compiled by WebPack.

First, at the bottom of the Typescript file you want to call from Javascript:

module.exports = {
    methodName: methodName,
}

In webpack.common.js:

  output: {
    ...
    library: 'MyExposedNamespace'
  }

Finally, in the Javascript file:

MyExposedNamespace.methodName();

Setting up Webpack to Modify URL per Environment in TypeScript

Published: Wed 17 October 2018
By Andrew Mshar

In TypeScript.

tags: Webpack TypeScript

A website I am currently creating has a very simple front end, but I wanted to be able to swap out instances of my API URLs in TypeScript depending which environment I am working in or building for. So far they are all ‘http://127.0.0.1:8000/’, but …