Webpack -导入一个只有全局常量的文件。

Question

我有一个具有全局常量的文件，我试图将其导入到另一个js文件中，以便在其代码中使用常量。

globalConstant.js

global.RoutesOffersPage =  {
  routes: [
    { url: '/fr',
      title: "page daccueil france"
    },
    { url:'/fr/dothis',
      title: "trop sympa"
    }

  ]
}
global.RoutesActionPage =  {
  routes: [    
    { url: '/fr/action',
      title: 'page d'action'
    }
  ]
}
export { global.RoutesOffersPage }; 
export { global.RoutesActionPage };

我想在我的webpack.config.js中使用这些全局变量

webpack.config.js

import { global.RoutesOffersPage } from './globalConstant.js'
import { global.RoutesActionPage } from './globalConstant.js'

var templateOffersPage = ejs.compile(fs.readFileSync(__dirname + '/offersPageTemplate.ejs', 'utf-8'))
var paths = global.RoutesOffersPage.routes.map(r => r.url);
var paths2 = global.RoutesActionPage.routes.map(r => r.url);
//do stuff

但是这个构建给了我一个错误：

SyntaxError: Unexpected token import

当有一个函数时，我通常知道如何导入，但在这里，它只是常量‘global.常数’。我迷路了。

Answer 1

由于webpack的帮助，您可以使用import，但是webpack没有递归地捆绑它自己的设置，所以您不能使用它来配置。你必须回去要求：

require('./globalConstant.js');

global.RoutesOfferPage/*...*/