在 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

我真的不明白...谢谢你的帮助。

Answer 1

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

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

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

Get wrong output path in webpack file loader

svg

webpack

webpack-file-loader