Javascript 如何在网页包中包含ogg和mp3文件格式?
我有一个Phaser3项目,我正在进行,目前正在尝试为游戏添加音乐和声音。但是,我无法加载任何声音文件,但它位于src/assets文件夹中。我正在使用webpack运行localhost。下面的文件(base.js)表明我允许声音格式,但由于某种原因它没有加载,可能是基文件不正确 错误日志:Javascript 如何在网页包中包含ogg和mp3文件格式?,javascript,webpack,webpack-dev-server,phaser-framework,webpack-4,Javascript,Webpack,Webpack Dev Server,Phaser Framework,Webpack 4,我有一个Phaser3项目,我正在进行,目前正在尝试为游戏添加音乐和声音。但是,我无法加载任何声音文件,但它位于src/assets文件夹中。我正在使用webpack运行localhost。下面的文件(base.js)表明我允许声音格式,但由于某种原因它没有加载,可能是基文件不正确 错误日志: 8080/assets/hit.ogg:1加载资源失败:服务器响应状态为404(未找到) base.js const webpack = require("webpack"); const path =
8080/assets/hit.ogg:1加载资源失败:服务器响应状态为404(未找到)
base.js
const webpack = require("webpack");
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
module.exports = {
mode: "development",
devtool: "eval-source-map",
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: [/\.vert$/, /\.frag$/],
use: "raw-loader"
},
{
test: /\.(gif|png|jpe?g|svg|xml|ogg|wav|mp3)$/i,
use: "file-loader"
}
]
},
plugins: [
new CleanWebpackPlugin({
root: path.resolve(__dirname, "../")
}),
new webpack.DefinePlugin({
CANVAS_RENDERER: JSON.stringify(true),
WEBGL_RENDERER: JSON.stringify(true)
}),
new HtmlWebpackPlugin({
template: "./index.html"
})
]
};
如何修复该文件以允许加载声音/音乐文件。TIA。我最终使用了Node.js中的
require('./assets/hit.ogg')
。不确定部署时是否会导致问题,但它在本地主机中工作。我最终使用了Node.js中的require('./assets/hit.ogg')
。不确定它在部署时是否会导致问题,但它在localhost中工作