构建我的 Angular 4 应用程序后,Webpack 将我的图像名称更改为bg_node_new.png
to bg_node_new.3746bc3ac9b1bf77d2aff2c2df901a48.png
.
我的 webpack.config 代码是:
(function(module) {
const path = require('path');
const npm_cmd = process.env.npm_lifecycle_event;
const p = !(require('yargs').argv.p || false);
let config;
module.exports = function(env) {
let cmds = npm_cmd.split(":");
const cmd = cmds.length >= 2 ? cmds[1] : null;
const mod = cmds.length >= 3 ? cmds[2] : null;
const aot = cmds.length >= 4 ? cmds[3] : null;
const options = {
p:!p,
mod:mod,
aot:aot,
env:env,
ngv:2,
ctx:path.resolve(__dirname, "../../../../..")
}
//console.log(options);
switch (cmd) {
case 'app':
console.log("Building app");
config = require('./wp.app')(options);
break;
case 'lib':
console.log("Building lib");
config = require('./wp.lib')(options);
break;
case 'mod':
console.log("Building mod");
config = require('./wp.mod')(options);
break
default:
console.log("Building app");
config = require('./wp.app')(options);
break;
}
return config;
}
})(module);
因此,图像不会在我的应用程序中呈现。如何解决这个问题?
提前致谢!
OP评论后更新:
In your wp.base.js
, 消除[hash]
来自以下:
const raw_file_loader = {
test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico|otf)$/,
use: 'file-loader?name=assets/[name].[ext]'
}
原答案:
如果您分享您的 webpack 配置,我将能够更好地回答。但是,在您的中找到这样的配置webpack.config
,
{
test: /.*\.(gif|png|jpe?g|svg)$/i,
use: [
{
loader: 'file-loader',
options: {
name: '/images/[name]_[hash:7].[ext]',
}
},
]
}
...并删除[hash]
部分。只要保持这样:
名称: '/images/[名称].[扩展名]',
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)