在 Webpack 中，如何动态设置公共路径？答案

【问题标题】：In Webpack, how do I set the public path dynamically?在 Webpack 中，如何动态设置公共路径？
【发布时间】：2016-09-08 05:55:20
【问题描述】：

我正在使用Angular2/Typescript/Webpack 构建应用程序

我在动态设置 Webpack 选项 publicPath 时遇到问题。在官方 Webpack 文档中，它说：

注意：如果在编译时不知道输出文件的最终 publicPath，可以将其留空并在运行时在入口点文件中动态设置。如果您在编译时不知道 publicPath，可以省略它并在入口点设置 __webpack_public_path__。

我的问题：但是如何设置这个__webpack_public_path__ 变量以及在哪里？

我以为我必须在src/main.ts 中设置它，但后来我得到了编译器错误ERROR in ./src/main.ts

Cannot find name '__webpack_public_path__' when I build the project:

main.ts 不是应该在哪里设置这个变量吗？我什至尝试在文件的构建版本main.js 中设置它，但这也不起作用。这是我设置入口点的 Webpack 配置的一部分。

config.entry = isTest ? {} : {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts' // our angular app
};

【问题讨论】：

这对github.com/webpack/webpack/issues/443 有帮助吗？

标签： node.js typescript webpack

【解决方案1】：

./src/main.ts 中的编译器错误 ERROR

TypeScript 编译器错误大多只是非常强大的linting。 More on this.

编译器错误只是告诉你 TypeScript 不知道 __webpack_public_path__。只需创建globals.d.ts ：

declare var  __webpack_public_path__:string;

你应该是金色的。 More on this?

【讨论】：