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

标签 svg webpack webpack-file-loader

我无法让 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/

相关文章:

jquery - Raphaël 使用的是 canvas 还是 svg?

javascript - webpack - 如何为生产环境和开发环境设置不同的变量

css - 在 React 中使用 webpack 和 url-loader 加载内嵌图片

javascript - Webpack 4 文件加载器适用于字体文件,但不适用于图像文件

webpack - 使用Webpack文件加载器提供mp3文件

javascript - IE9 导入内联 SVG <image> 元素损坏

javascript - 在 SVG 世界地图上叠加工具提示样式数据

html - Firefox CSS 和/或 D3 的区别

vue.js - 将 webpack 与 Vue 一起使用时,如何修复 'Cannot read property ' _wrapper' of undefined' 错误?

javascript - Webpack:无法加载具有全局 jQuery 的 slick 插件