來自另一個 js 的全局變量

Question

我的 webpack.config.js 文件如下

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: [
        './js/config.js',
        './js/app.js'
    ],
  output: {
    path: __dirname,
    filename: './js/app.bundle.js',
    libraryTarget: 'var',
    library: 'ui'
  }
};

我的 config.js 文件具有全局變量 baseURL，其中 app.js 正在使用 config.js 文件

var hostname_ = window.location.hostname;
var port_ = window.location.port;
var baseURL = "http://" + hostname_ + ":"+ port_ + "/admin/";

module.exports = {
  baseURL: baseURL
};

在瀏覽器中我收到錯誤

ReferenceError: baseURL is not defined

Answer 1

在 app.js 中導入 baseURL：

import baseURL from './config'

或者：

var baseURL = require('./config')