我无法让 webpack (3.10) 文件加载器路径以我需要的方式工作.. 这是我的 webpack.config.js 的摘录
// ...
const images = {
test: /\.(jpg|png|svg)$/,
use: {
loader: 'file-loader',
options: {
name: 'images/[path][name].[hash].[ext]',
},
},
}
//...
const config = {
entry: {
App: './public/assets/js/main.js',
},
output: {
path: path.resolve(__dirname, 'public', 'assets', 'dist'),
filename: 'main.js',
},
module: {
rules: [javascript, styles, images],
},
plugins: [new ExtractTextPlugin('main.css'), uglify],
}
//...
我希望我的图片在
/public/assets/dist/images/XXX.svg
但它们正在被加载到 /public/assets/dist/images/public/assets/images/XXX.svg
我真的不明白……谢谢你的每一个帮助。
最佳答案
我已经评论过了。但每个问题都应该有答案。
test: /\.(jpg|png|svg)$/,
use: 'file-loader?name=[name].[ext]&outputPath=./images/'
关于svg - 在 webpack 文件加载器中获取错误的输出路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47828846/