在Vue 專案 webpack 打包中關於 背景圖片的路徑問題

jakietwo發表於2019-02-16
VueWeb

第一次發segmentfault ，記錄一下關於最近生產環境，開發環境路徑問題。
開發環境下我們可以在vue中引入相對路徑，但在生產環境，會預設為根目錄static，所以我們需要在config 目錄下index.js build物件中 assetsPublicPath 設定為`./`, 就可以了。

對於在vue元件背景圖片的引用問題。我們需要在utils.js 檔案下 加入一段程式碼

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: `../../`,
        fallback: `vue-style-loader`
      })
    } else {
      return [`vue-style-loader`].concat(loaders)
    }

在這裡加入publicPath 路徑就可以了。 記錄下遇到的坑

相關文章