Question

我正在开发单页应用程序并使用Webpack捆绑模块。

我的一个源文件（我使用TypeScript）具有应用程序中使用的设置和配置，例如：

// app-settings.ts
export class AppSettings {
    public static ApiUrlPrefix: string = "//localhost/myapi/";
}

然后我在我的代码中使用它：

//some-class.ts
import {AppSettings} from "./app-settings"

export class SomeClass {
    contructor() {
       var something = AppSettings.ApiUrlPrefix;
    }
}

当发布时间到来时，我希望设置与实时环境相匹配。

使用gulp，npm或webpack配置更新设置文件的好方法是什么？我已经看过HtmlWebpackPlugin，它可以采用模板并插入一些选项，所以我想我正在寻找类似的东西。

Answer 1

您也可以使用webpack.DefinePlugin。 Define插件允许您通过＆＃34; Free Global＆＃34;或者＆＃34;宏观的＆＃34;您可以使用的变量到您的项目中。仅将webpack.DefinePlugin require() webpack用于您的项目。

此处the documentation and an example on how to use it。

设置SPA / webpack的发布配置

1 个答案: