問(wèn)題描述1.項(xiàng)目路徑如下圖圖片描述2.sass目錄下reset.scss.footer{background: url("/static/img/top.png") no-repeat;}3.npm run build圖片路徑錯(cuò)誤，調(diào)試模式下在/static前面改為./static可以加載出圖片如果將reset.scss footer改為./static/img/top.png webpack 報(bào)錯(cuò)提示 This relative module was not found這里好像只能用絕對(duì)路徑圖片描述相關(guān)代碼1.buid/utils.jsif (options.extract) { return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../',
})
}
sass配置
scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../static/sass/main.scss')
}
}2.config/index.jsbuild: {// Template for index.htmlindex: path.resolve(__dirname, '../dist/index.html'),// PathsassetsRoot: path.resolve(__dirname, '../dist'),assetsSubDirectory: 'static',assetsPublicPath: './',}如何將static/img圖片路徑build之后改為相對(duì)路徑呢？
2 回答
烙印99
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊
修改 config/index.js
build: {//...assetsSubDirectory: './static',//...}
縹緲止盈
TA貢獻(xiàn)2041條經(jīng)驗(yàn) 獲得超4個(gè)贊
寫在CSS中的圖片路徑寫相對(duì)路徑即可，這樣dev和build都能識(shí)別。
而./static/img/top.png錯(cuò)誤的原因是路徑不對(duì)，以當(dāng)前的.vue/css文件為起點(diǎn)，到達(dá)static文件夾路徑前你需要若干個(gè)../
添加回答
舉報(bào)
0/150
提交
取消