ZBLOG

var path = require('path'); var webpack = require('webpack'); var commConfig = require('./webpack.comm.config'); commConfig.entry = { 'bundle': [ './src/index.bow.js' ], 'vendor': [ /**第三方库文件 */ 'antd', 'jquery', 'react'...

根据你提供的 Webpack 配置代码,我们可以看到当前的配置文件主要是针对 JavaScript 文件进行处理,并没有明确的处理图片的规则。

要使打包过程中也包含 favicon.png 图片,你可以在 commConfig.module.loaders 数组中添加一个处理图片文件的 loader 规则。示例如下:

commConfig.module.loaders = commConfig.module.loaders.concat(
  {
    test: /\.js$/,
    loaders: ['babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0'],
    include: [
      path.join(__dirname, 'src')
    ]
  },
  {
    test: /\.(png|jpg|gif)$/i,
    loader: 'file-loader',
    options: {
      name: '[name].[ext]',
      outputPath: 'assets/'
    }
  }
);

上述代码块中新增了一个针对 .png.jpg.gif 格式的图片文件的 loader 规则,使用了 file-loader 插件将图片复制到输出目录(默认为 dist/assets/)。请确保安装了 file-loader 插件。

修改完配置后,重新运行打包命令,应该能够正确地将 favicon.png 图片打包进输出目录,并在 HTML 中正确引用它。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=10797

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?