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

Question

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

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

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

我该怎么做？

Answer 1

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

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

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

但是，如果你需要更多地控制public路径，那么你必须弹出配置，然后使用Webpack的高级public路径。

Note vue-cli@3 - With version 3, you should never have to eject the Webpack configuration. It addresses almost all the needs of custom configurations.

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

Webpack: modify default assets path location

javascript

vue.js

vue-cli