javascript - 求助,关于webpack url-loader配置图片路径错误的问题
黄舟
黄舟 2017-04-11 11:36:08
[JavaScript讨论组]


这是我css文件图片引入的位置


这是我的webpack配置


最后就会出现这种路径,如果我把url-loader的输出名改成name=../images/[name].[ext],这样它会把图片输出到dist同级的位置,而不是dist目录内,求教怎么解决!

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
PHP中文网

你得配置个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"
            ]
          },
        ]
    }
};

其他部分自己填一下

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号