<fieldset id="occyi"></fieldset>

<del id="occyi"></del>

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

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

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

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

對(duì)于在vue組件背景圖片的引用問(wèn)題。我們需要在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)于的運(yùn)算 java圖片路徑問(wèn)題 Webpack打包分塊服務(wù)器中的項(xiàng)目路徑

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95515.html

相關(guān)文章

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

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

yy13818512006 2019-08-30 15:53 評(píng)論0 收藏0
在Vue 項(xiàng)目 webpack 打包中關(guān)于 背景圖片的路徑問(wèn)題

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

張紅新 2019-08-02 16:03 評(píng)論0 收藏0
使用高德地圖marker類中關(guān)于content圖片路徑問(wèn)題

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

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

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

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

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

fsmStudy 2019-08-21 18:37 評(píng)論0 收藏0