vue-cli 在css裏設置背景圖background：url('path'),報錯* ./assets/images/icon/4100.png in ./node_modules/_css-l

原創 麻球科技-菅双鹏 2018-09-04 22:00

解決辦法：

1、在webpack.prod.conf.js文件裏output裏面添加：publicPath：'./'


2、在utils.js文件裏添加 publicPath:'../../'


3、在config/index.js文件裏，添加assetsPublicPath:'./'


到這裏設置完成  開始使用


發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

最佳實踐 - Vue - 2 ：webpack4 總括

瞭解： 1、webpack4 的編譯和命令，拆分爲 webpack 和 webpack-cli，故需 install 這兩個包 2、webpack4 不再支持 node4.x 版本 3、webpack4 支持零配置，不再強制需要

龙猫村庄 2020-07-06 08:35:55

生產環境和測試環境路徑不同，通過定義global_variable.js全局變量，賦予不同的環境不同路徑，vue定義全局變量

token失效需要跳轉到匯聚平臺登錄頁面，而生產環境和測試環境路徑不同，所以通過定義global_variable.js全局變量，賦予不同的環境不同路徑 global_variable.js let relogin_baseUrl

@曾经@ 2020-07-04 13:47:03

在Vue中使用JSX

轉自：https://juejin.im/post/5affa64df265da0b93488fdd

csdn_girl 2020-07-03 22:52:24

AMIS實現渲染一個button的源碼分析-Vue

使用 schema轉爲對應的button渲染出來。 輸入：schema 輸出：button Vue組件 核心過程：schema經過渲染引擎解析成button渲染器。 語法：tsx（與jsx類似） schema { "label

csdn_girl 2020-07-03 22:52:24

Vue插槽slot的用法

2.6.0中，使用v-slot（以前具名插槽：slot，作用域插槽：slot-scope）。 v-slot的幾種用法 用法一 插槽內容—template 核心：承載組件的分發內容。 // 定義，在 <navigation-link

csdn_girl 2020-07-03 22:52:24

cheese/amis實現一個form渲染的簡易分析

技術棧：vue/mtd-vue 其它渲染分析見 AMIS實現渲染一個button的源碼分析-Vue 一、schema { "type": "form", "title": "", "api":

csdn_girl 2020-07-03 22:52:14

Vue生命週期函數詳解

轉自：https://segmentfault.com/a/1190000008010666

csdn_girl 2020-07-03 22:52:14

Vue的一些經典寫法

1、利用繼承創建公共類，調用時實例化並使用 重點是：複用實例化方法 set-account-modal.vue /* ** 一個普通的vue組件選項對象 */ <template> <mtd-modal w

csdn_girl 2020-07-03 22:52:14

接手同事vue項目兩個月的血和淚，關於vue項目性能優化，縮短首屏加載時間

最近接手了別人做的vue項目，項目跑起來後，有些頁面很卡，首屏加載也慢，打包速度也慢。於是，研究了很久vue的項目性能優化，下面我將從兩個部分來詳解vue項目的性能優化： 代碼優化 webpack打包優化 一、代碼優化 1、v

银鞍照白马 2020-07-02 16:38:45

利用Vue全家桶+Express+mongodb搭建屬於自己的簡歷博客網站

symbol_me Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies

weixin_39697067 2020-07-02 14:43:10

iview-dynamicRouter | 基於 iview-admin 的【後端動態路由模板】，路由菜單隨你配任意改！

歡迎關注[前端小謳的github]，閱讀更多原創技術文章 iView DynamicRouter iView-DynamicRouter 基於 iview-admin(branch:template)，由“後端動態提供路由數據

前端小讴 2020-06-28 23:25:49

vue項目搭建連載教程+全家桶詳解----第三節：vue-cli 項目結構目錄介紹

上節咱們搭建好了vue項目，那麼這節咱們接着講解一下，使用cli腳手架工具搭建的vue項目都有那麼目錄結構 1、先整體看一下 2、從上到下依次來看  首先是build目錄 改目錄下是打包配置和webpack配置，暫時不用深究,後面用到

锋小张 2020-06-26 09:31:38

使用HBuilderX 打包 vue 項目 爲 App 的步驟

地址：https://blog.csdn.net/ZHIYUANfL/article/details/90712115 mode需要設置爲hase let RouterModel = new Router({ // mode: "h

qiuqiang748 2020-06-26 08:06:39

搭建vue全家桶項目

創建vue項目  地址：https://blog.csdn.net/qq_27755287/article/details/86635468 vue- Couldn't find preset "es2015" relative t

qiuqiang748 2020-06-26 08:06:39

webpack的各個文件配置

地址：https://segmentfault.com/a/1190000008644830?utm_source=tag-newest 地址2：https://segmentfault.com/a/1190000012472099

qiuqiang748 2020-06-26 08:06:39