在webpack的文件加载器中获取错误的输出路径

Question

我无法按照我的需求使用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中。

我真的不明白... 感谢您的帮助。

- FNGR

---

你可以使用以下代码作为测试：/\.（jpg|png|svg）$/，并使用 file-loader 将这些文件输出到 ./images/ 目录下，文件名保持不变。 - Pravesh Khatri

它运行正常！谢谢Pravesh。 - FNGR

@PraveshKhatri 谢谢！你真的应该把你的评论变成答案，这样人们就可以更确定这个问题得到了解答。B. 谢谢 :) 此外，您可以链接到文档。 - Mosh Feu

@MoshFeu 如果它能帮到你，我很高兴。我已经添加为答案。 - Pravesh Khatri

@FNGR 很高兴能帮忙。现在你有了一个答案。 - Pravesh Khatri

Answer 1

我已经评论过了。但每个问题都应该有一个答案。

test: /\.(jpg|png|svg)$/,
use: 'file-loader?name=[name].[ext]&outputPath=./images/'

- Pravesh Khatri