在index.html中的img中file-loader没有生效

来源:4-7 处理图片以及其他文件

zora_Zhang

2018-03-16 18:18

在index.html中的img中file-loader没有生效

http://img.mukewang.com/5aab99d80001143b04760106.jpg

http://img4.mukewang.com/5aab998f0001b68b07440156.jpg

写回答 关注

3回答

  • 鲸落mjh
    2018-06-19 16:55:21

    https://img.mukewang.com/5b28c453000197e005720142.jpg如果你这里加了这段,注释掉看看,起初加这段是因为防止和htmlwebpackplugin产生title属性的冲突,现在看来应该是include限定了范围导致模板文件index.html无法被html-loader解析到,其中的图片自然就无法被打包

  • 枫叶咚咚咚
    2018-05-09 11:25:08

    同样情况,查了一晚上终于解决。

    先说原因。报错中显示,在dist/src/assets/bg.jpg中获取图片失败,咱的dist目录下确实没有图片。也就是file-loader根本没修改这里src内容。

    解决方法:

    1.装CopyWebpackPlugin插件 npm i --save-dev CopyWebpackPlugin

    2.并配置 const CopyWebpackPlugin = require('copy-webpack-plugin');

    plugins:[new CopyWebpackPlugin([{
                from: './src/assets',
                to: 'src/assets'
            }])

    ]


    天真有点晚了

    ...

    2019-10-29 19:44:33

    共 1 条回复 >

  • qq_日落月升_04014775
    2018-04-17 14:24:27

    img的路径错了

webpack深入与实战

webpack实战教程,用真实项目带你探索 webpack 强大的功能

86561 学习 · 721 问题

查看课程

相似问题