Zoeken op website

Webpack + Typescript + Angularjs - System.Register (Webpack Waarschuwing)


Ik heb de volgende opstelling:

  • Webpack v3.6.0
  • Typescript v2.5.2
  • AngularJS v1.4.8

Ik probeer een constant bestand in mijn service te importeren:

// const.ts
const TEST_CONSTANT = {
  names: [
    'const1'
  ]
};

default export TEST_CONSTANT;

// service.ts
import TEST_CONSTANT from 'const';

// tsconfig.json
{
  "compilerOptions": {
    "module": "commonjs",
    "moduleResolution": "node",
    "target": "es5",
    "noImplicitAny": false,
    "sourceMap": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "**/*.spec.ts",
    "bower_components",
    "node_modules",
    "dist",
    "test"
  ]
}

Ik gebruik awesome-typescript-loader:

[...]
{
  test: /\.tsx?$/,
  use: {
    loader: 'awesome-typescript-loader',
  },
  exclude: /node_modules/,
},
[...]

Echter, wanneer ik probeer te draaien/bouwen krijg ik de volgende waarschuwing:

WAARSCHUWING in ./constants/.js System.register wordt niet ondersteund door webpack.

Daarna kan ik de applicatie niet meer uitvoeren vanwege dit. Heb je suggesties? Ik gebruik commonjs in het TS-configuratiebestand.