npm 發布包時 圖片打包在新的項目引入不顯示 路徑錯誤解決方案

使用的是vue-cli 4.0以上腳手架 vue2.6 封裝好組件后 npm publish ，在其他項目引入該組件庫 圖片顯示失敗 打開F12時看到 組件庫里圖片是/img/圖片名，可是該項目沒有此路徑 

第一反應是把圖片轉成base64位打包，為何引用之后還是路徑 原來默認10kb以后的圖片不會轉成base64位 所有修改打包配置 在vue.config.js 中添加

chainWebpack 這個屬性下填加

  chainWebpack: config => {

        config.module

            .rule('images')

            .use('url-loader')

            .loader('url-loader')

            .tap(options => Object.assign(options, { limit: 30000000 })) 

//限制大小

}

2.把圖片轉成svg 在vue文件里加入svg 標簽 （性能比轉base64好一些）

附上在線轉化工具https://www.aconvert.com/cn/image/png-to-svg/