而当我们把这些资源放入assets文件夹时,当引入的图片是背景图片时,会报错。
这个时候,还需配置 build =>util.js 里找到 ExtractTextPlugin.extract 增加一行: publicPath: '../../' ,主要解决背景图片路径的问题。
这样改动的原因是Vue打包完成的目录结构中,js/css文件与static目录的层级差了2级
1、img标签src属性:
2、背景图片引入:
background-image: url(' ')
url中可以是相对路径,也可以通过src别名@找到图片路径
1.在build===webpack.dev.config.js中new HtmlWebpackPlugin 添加一行 favicon:'./build/logo.png',//浏览器的图标
2.在build===webpack.prod.config.js中new HtmlWebpackPlugin 添加一行 favicon:'./build/logo.png',//浏览器的图标
3.在build文件夹中将logo.png 放进去就好了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)