node.js - 在 Webpack 中，如何动态设置公共(public)路径？

Question

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

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

Note: In cases when the eventual publicPath of output files isn't known at compile time, it can be left blank and set dynamically at runtime in the entry point file. If you don't know the publicPath while compiling you can omit it and set __webpack_public_path__ on your entry point.

我的问题:但是我该如何设置这个 __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
};

Answer 1

compiler error ERROR in ./src/main.ts

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

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

declare var  __webpack_public_path__:string; 

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