我无法按照我的需求使用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
中。
我真的不明白... 感谢您的帮助。
/\.(jpg|png|svg)$/
,并使用file-loader
将这些文件输出到./images/
目录下,文件名保持不变。 - Pravesh Khatri