在Vue 項目 webpack 打包中關于背景圖片的路徑問題

yy13818512006 發布于2019-08-30 15:53 / 1454人閱讀

摘要：第一次發，記錄一下關于最近生產環境，開發環境路徑問題。開發環境下我們可以在中引入相對路徑，但在生產環境，會默認為根目錄，所以我們需要在目錄下對象中設置為就可以了。對于在組件背景圖片的引用問題。

第一次發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 路徑就可以了。記錄下遇到的坑

GPU云服務器云服務器 php中關于的運算 java圖片路徑問題 Webpack打包分塊服務器中的項目路徑

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116727.html

在Vue 項目 webpack 打包中關于 背景圖片的路徑問題

摘要：第一次發，記錄一下關于最近生產環境，開發環境路徑問題。開發環境下我們可以在中引入相對路徑，但在生產環境，會默認為根目錄，所以我們需要在目錄下對象中設置為就可以了。對于在組件背景圖片的引用問題。第一次發segmentfault ，記錄一下關于最近生產環境，開發環境路徑問題。開發環境下我們可以在vue中引入相對路徑，但在生產環境，會默認為根目錄static，所以我們需要在config 目...

張紅新 2019-08-02 16:03 評論0 收藏0
在Vue 項目 webpack 打包中關于 背景圖片的路徑問題

摘要：第一次發，記錄一下關于最近生產環境，開發環境路徑問題。開發環境下我們可以在中引入相對路徑，但在生產環境，會默認為根目錄，所以我們需要在目錄下對象中設置為就可以了。對于在組件背景圖片的引用問題。第一次發segmentfault ，記錄一下關于最近生產環境，開發環境路徑問題。開發環境下我們可以在vue中引入相對路徑，但在生產環境，會默認為根目錄static，所以我們需要在config 目...

Joonas 2019-08-22 18:07 評論0 收藏0
使用高德地圖marker類中關于content圖片路徑問題

摘要：不易于后期更換圖片標記二使用靜態資源廢話不多直接上代碼我們在項目文件夾下新建一個圖片，然后將所有的靜態資源都放入這個文件夾中，這樣打包的時候，依舊能找到圖片路徑，并且圖片是獨立打包稱文件夾。高德Marker 類中有關于icon 圖片的使用，現有兩種方式可以實現一.使用import 導入在組件中直接import svg from demo/run.svg然后再初始化Marker標記...

waruqi 2019-08-22 18:45 評論0 收藏0
webpack4搭建Vue開發環境筆記~~持續更新

摘要：項目地址一知識獲取當前文件所在路徑，等同于把一個路徑或路徑片段的序列解析為一個絕對路徑給定的路徑的序列是從右往左被處理的，后面每個被依次解析，直到構造完成一個絕對路徑如果處理完全部給定的片段后還未生成一個絕對路徑，則當前工作目錄會被用上生成項目git地址一、node知識 __dirname: 獲取當前文件所在路徑，等同于path.dirname(__filename) consol...

hankkin 2019-08-23 13:01 評論0 收藏0
vue開發看這篇文章就夠了

摘要：注意此處獲取的數據是更新后的數據，但是獲取頁面中的元素是更新之前的鉤子函數說明組件已經更新，所以你現在可以執行依賴于的操作。鉤子函數說明實例銷毀 Vue -漸進式JavaScript框架介紹 vue 中文網 vue github Vue.js 是一套構建用戶界面(UI)的漸進式JavaScript框架庫和框架的區別我們所說的前端框架與庫的區別？ Library 庫，本質上是一...

fsmStudy 2019-08-21 18:37 評論0 收藏0