在Vue 項目 webpack 打包中關(guān)于背景圖片的路徑問題

Joonas 發(fā)布于2019-08-22 18:07 / 2809人閱讀

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

第一次發(fā)segmentfault ，記錄一下關(guān)于最近生產(chǎn)環(huán)境，開發(fā)環(huán)境路徑問題。
開發(fā)環(huán)境下我們可以在vue中引入相對路徑，但在生產(chǎn)環(huán)境，會默認(rèn)為根目錄static，所以我們需要在config 目錄下index.js build對象中 assetsPublicPath 設(shè)置為"./", 就可以了。

對于在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云服務(wù)器云服務(wù)器 php中關(guān)于的運算 java圖片路徑問題 Webpack打包分塊服務(wù)器中的項目路徑

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/95515.html

相關(guān)文章

在Vue 項目 webpack 打包中關(guān)于 背景圖片的路徑問題

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

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

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

yy13818512006 2019-08-30 15:53 評論0 收藏0
使用高德地圖marker類中關(guān)于content圖片路徑問題

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

waruqi 2019-08-22 18:45 評論0 收藏0
webpack4搭建Vue開發(fā)環(huán)境筆記~~持續(xù)更新

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

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

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

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