javascript - Webpack打包图片
阿神
阿神 2017-04-11 13:21:14
[JavaScript讨论组]

音频文件执行webpack后没有打包到assets文件夹内~
而且在JS文件内使用

let musicFil = require('../music/yinyue.mp3');

后,播放器就变灰了。。控制台中audio标签的src是

成base64编码了?不知道为什么。。囧

但是src='./music/yinyue.mp3'的路径却有效(图片的话两种路径都可以显示出图片)
我的webpack loader的配置如下:

  {
    test: /\.(png|jpg|gif|woff|woff2|mp3)$/,
    loader: 'url-loader?limit:8192'
  },
  {
    test: /\.(mp4|ogg|svg|mp3)$/,
    loader: 'file-loader!'
  }
  module.exports = {
  srcPath: srcPath,
  publicPath: '/assets/',
  port: dfltPort,
  getDefaultModules: getDefaultModules
  };

(打包的时候由于图片路径的原因,publicPath我用的 'assets/';用本地服务器测试的时候路径用的'/asset/')

请问为什么mp3文件没办法打包到指定文件夹呢?为什么用require来指定路径时,图片可以但是mp3音频文件就不行了呢?。。

阿神
阿神

闭关修行中......

全部回复(2)
阿神

因为 url-loader 会把文件 base64 编码后插入到指定位置。你去掉 url-loader 中的 .mp3 后缀,不让这个 loader 处理音频文件即可。

大家讲道理
  {
    test: /\.(png|jpg|gif|woff|woff2|mp3)$/,
    loader: 'url-loader?limit:8192'
  },

这里指定多了个mp3了

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

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