为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

http://img1.sycdn.imooc.com//5aab99d80001143b04760106.jpg

http://img1.sycdn.imooc.com//5aab998f0001b68b07440156.jpg

正在回答

3 回答

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

0 回复 有任何疑惑可以回复我~

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

先说原因。报错中显示,在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'
        }])

]


0 回复 有任何疑惑可以回复我~
#1

天真有点晚了

...
2019-10-29 回复 有任何疑惑可以回复我~

img的路径错了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信