要在ECMAScript 6模块中导入的非ECMAScript 6模块

Question

我在一个遗留应用中有一个javascript模块。

var auth = function ($) {
  this.getAccessToken = function () {
    $.get("Secured/Token")
    .done(function (data) {
        return data;
    })
    .fail(function (e) {
        // assumes the user's session has expired
        if (e.status = 401) location.reload();
    })
  }
};

然后，在我的新应用程序中使用relay/react。

import Relay from 'react-relay';
import auth from './auth.js'

export function injectGraphQLServer() {
  var token = auth.getAccessToken();
  Relay.injectNetworkLayer(
    new Relay.DefaultNetworkLayer('http://localhost:3000/graphql', {
      credentials: 'omit',
      headers: {
          Authorization: 'Bearer '
      },
    })
  );
 };  

但auth变量未定义。我该怎么做呢？这是允许的吗？

Answer 1

因此，使用exports-loader，这现在应该可以工作了。

import Relay from 'react-relay';
var auth = require('exports?auth!./auth.js');

export function injectGraphQLServer() {
  var token = auth.getAccessToken();
  Relay.injectNetworkLayer(
    new Relay.DefaultNetworkLayer('http://localhost:3000/graphql', {
      credentials: 'omit',
      headers: {
          Authorization: 'Bearer ' + auth().getAccessToken();
      },
    })
  );
 };