网站搜索

Webpack + Typescript + Angularjs - System.Register(Webpack 警告)


我有以下设置:

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

我正在尝试将一个常量文件导入到我的服务中:

// 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"
  ]
}

我正在使用 awesome-typescript-loader:

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

然而,当我尝试运行/构建时,收到了以下警告:

警告 在 ./constants/.js 中 System.register 不被 webpack 支持。

之后,我无法运行这个应用程序,因为这个原因。有任何建议吗?我在 TS 配置文件中使用 commonjs。