扫码关注官方订阅号
这是我css文件图片引入的位置
这是我的webpack配置
最后就会出现这种路径,如果我把url-loader的输出名改成name=../images/[name].[ext],这样它会把图片输出到dist同级的位置,而不是dist目录内,求教怎么解决!
人生最曼妙的风景,竟是内心的淡定与从容!
你得配置个output.publicPath参数,我观察你的文件目录结构,初步建议你配成publicPath: './dist',如果在浏览器里路径报错了,你可以参照着你自己的文件目录结构来改下这相对路径。
output.publicPath
publicPath: './dist'
module.exports = { entry: entries, output: { path: '***', publicPath: '***', filename: 'static/images/[name].[ext]' },
直接贴配置文件吧
var path = require('path'); module.exports = { entry: { main:'./src/main.js', }, output: { publicPath: process.env.NODE_ENV === 'production' ? '/dist/' : 'http://192.168.1.144:8010/dist/', filename: process.env.NODE_ENV === 'production' ? '[name].[chunkhash:8].js' : '[name].bundle.js', path: path.join(__dirname, 'dist') }, module: { loaders: [ { test: /\.(jpe?g|png|gif|svg)$/i, loaders: [ "file?name=images/[hash:8].[ext]", "image-webpack?bypassOnDebug&optimizationLevel=9&interlaced=false" ] }, ] } };
其他部分自己填一下
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你得配置个
output.publicPath参数,我观察你的文件目录结构,初步建议你配成publicPath: './dist',如果在浏览器里路径报错了,你可以参照着你自己的文件目录结构来改下这相对路径。直接贴配置文件吧
其他部分自己填一下