鍍金池/ 問答/HTML/ webpack項(xiàng)目修改了assetsPublicPath配置 build后，js

webpack項(xiàng)目修改了assetsPublicPath配置 build后，js css和圖片資源的路徑問題

如圖
修改了assetsPublicPath配置，js和css帶上了前綴，但是圖片卻沒有

clipboard.png

clipboard.png

目錄結(jié)構(gòu)是這樣的
clipboard.png

回答
編輯回答
熊出沒

assetsSubDirectory，你應(yīng)該再改一下這個(gè)字段。

補(bǔ)充：

// utils.js
exports.assetsPath = function (_path) {
  const assetsSubDirectory = process.env.NODE_ENV === 'production'
    ? config.build.assetsSubDirectory
    : config.dev.assetsSubDirectory
  return path.posix.join(assetsSubDirectory, _path)
}

// webpack.base.conf.js
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
  limit: 10000,
  name: utils.assetsPath('img/[name].[hash:7].[ext]')
}

lz看一下utils的assetsPath方法和webpack.base.conf.js中有關(guān)圖片類型的loader處理路徑，這樣大概就能夠明白最終編譯的static/img是怎么來的了。

2018年5月6日 12:33
編輯回答
不討喜

試了一下把
clipboard.png
imgPath前面的../../刪掉就可以了

已經(jīng)被自己蠢死了。?？梢詣h掉問題嗎？

2018年5月28日 07:32