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 配置。 它幾乎滿足了自定義配置的所有需求。