Webpack：修改默认资产路径位置

【问题标题】：Webpack: modify default assets path locationWebpack：修改默认资产路径位置
【发布时间】：2021-10-18 11:03:00
【问题描述】：

我有一个 Vue 应用程序，它使用 Webpack 来最小化代码。

有没有办法解析块并修改 webpack 加载资产的基本路径？

例如，默认情况下 webpack 从“/js”或“/css”等加载资产。由于服务器配置，我需要它从“/vue_dist/js”或“/vue_dist/css”加载它们

我该怎么做？

【问题讨论】：

【解决方案1】：

您可以使用Vue CLI 提供的publicPath 配置道具。不要将publicPath 与Webpack's output.publicPath。这两个是不同的。

在您的vue.config.js 中，您可以覆盖publicPath 属性，如图所示：

module.exports = {
  publicPath: `vue_dist`,
  
  // other config...
}

但是，如果您需要对公共路径进行更多控制，则必须弹出配置，然后使用 Webpack 的高级公共路径。

注意 vue-cli@3 - 使用版本 3，您永远不必弹出 Webpack 配置。它几乎满足了自定义配置的所有需求。

【讨论】：