資訊專欄INFORMATION COLUMN
摘要：在設(shè)置背景圖片，在項(xiàng)目打包后，圖層路徑會(huì)增加文件夾所在路徑。我們希望的情況下，背景圖路徑應(yīng)為，而實(shí)際則會(huì)出現(xiàn)，注意，這里是多余的。解決方法有個(gè)在中直接設(shè)置在配置文件夾找到，作以下更改增加增加
在scss設(shè)置背景圖片(background-image)，在項(xiàng)目webpack打包后，圖層路徑會(huì)增加css文件夾所在路徑。
我們希望的情況下，背景圖路徑應(yīng)為"static/img/imgname.png"，而實(shí)際則會(huì)出現(xiàn)：
"static/css/static/img/imgname.png"，注意，這里static/css是多余的。
解決方法有2個(gè)：
1.在template中直接設(shè)置style="background-image:url("")";
2.在webpack配置文件夾找到utils.js，作以下更改：
**增加publicPath**
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
//增加publicPath
publicPath: "../../",
fallback: "vue-style-loader"
})
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103012.html
摘要：在設(shè)置背景圖片，在項(xiàng)目打包后，圖層路徑會(huì)增加文件夾所在路徑。我們希望的情況下，背景圖路徑應(yīng)為，而實(shí)際則會(huì)出現(xiàn)，注意，這里是多余的。解決方法有個(gè)在中直接設(shè)置在配置文件夾找到，作以下更改增加增加 在scss設(shè)置背景圖片(background-image)，在項(xiàng)目webpack打包后，圖層路徑會(huì)增加css文件夾所在路徑。 我們希望的情況下，背景圖路徑應(yīng)為static/img/imgname....
摘要：前言想想也已經(jīng)做過(guò)不少架構(gòu)的項(xiàng)目了，有基于，基于，基于，基于的。好了，介紹完畢，接下來(lái)，我就從零開(kāi)始，一步一步建起前后端完全分離的前端架構(gòu)了。 前言 想想也已經(jīng)做過(guò)不少架構(gòu)的項(xiàng)目了，有基于vue，基于react，基于thinkPHP，基于laravel的。 做多了，也就對(duì)現(xiàn)有的架構(gòu)有各種想法，有好的，有壞的，總之，用起來(lái)還是不爽。vue-cli雖然可以很快地構(gòu)建并使用，尤其是vue-c...
摘要：配置文件根目錄下創(chuàng)建文件中的對(duì)象，用于處理目錄的對(duì)象，提高開(kāi)發(fā)效率。引入我們編寫(xiě)的測(cè)試用文件。 這是我個(gè)人在學(xué)習(xí)vue+webpack的一個(gè)實(shí)例，希望對(duì)讀者是有用的，同時(shí)也求大神指教。菜鳥(niǎo)第一次寫(xiě)這，水平有限。 目錄結(jié)構(gòu) showImg(https://segmentfault.com/img/bVEnYI?w=646&h=290); 加載依賴 在這之前確保安裝了node和npm ...
摘要：后續(xù)會(huì)改成的版本安裝安裝編譯語(yǔ)法使用編譯語(yǔ)法圖片路徑與打包安裝引入圖片需要依賴的加載器樣式引入打包文件編譯打包引入樣式文件編譯 vue2.x-cnode 關(guān)于項(xiàng)目 vue2.x Cnode社區(qū)是基于vue、vue-router、vuex、axios、es6開(kāi)發(fā)，使用webpack構(gòu)建工具編譯打包項(xiàng)目 如果此開(kāi)源項(xiàng)目對(duì)大家學(xué)習(xí)vue的全家桶有幫助，請(qǐng)給我一個(gè)star,因?yàn)槟愕膕tar讓我...
閱讀 3235·2023-04-26 02:27
閱讀 2148·2021-11-22 14:44
閱讀 4111·2021-10-22 09:54
閱讀 3206·2021-10-14 09:43
閱讀 760·2021-09-23 11:53
閱讀 12769·2021-09-22 15:33
閱讀 2717·2019-08-30 15:54
閱讀 2694·2019-08-30 14:04
