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

Question

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

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

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

我怎么能那样做？

Answer 1

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

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

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

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

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