javascript - 我可以动态设置 webpack publicPath 吗？ __webpack_public_path__ 不起作用

Question

我想在 JS 中动态设置 publicPath。我们的产品实例在 webpack 构建完成后分发。我想使用 Font Awesome 图标，所以我尝试在我的入口 JS 文件中配置 webpack_public_path ，但它不起作用。经过一番调查后，我发现 webpack_public_path 已设置，但是在设置了我的字体文件路径之后...所以我的问题是，我应该配置 webpack 模块热加载器吗？或者我应该把代码放在哪里来动态设置正确的 publicPath？

Answer 1

设置变量的脚本必须是您的条目文件的第一个导入。

// webpack-public-path.js
__webpack_public_path__ = 'https://something.com'

// webpack.config.js

module.exports = {
  entry: ['./webpack-public-path.js', './index.js'],
};