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文件加载器中获取错误的输出路径

1 个答案: