Webpack文件加载器(多路径)

时间:2018-05-31 12:59:58

标签: javascript html image webpack webpack-file-loader

我正在一个项目中使用Webpack,该项目本应由另一个开发人员恢复。

在我的配置中,我使用file-loader来处理我的.png/jpg/svg文件。

{
     test: /\.(png|jpg|gif|svg)$/,
     use: [
          {
               loader: 'file-loader',
               options: {
                    name: '[name].[ext]',
                    outputPath: './assets/images'
               }
          }
     ]
}

问题是,我希望dist/文件夹中的树状结构与src/ (assets > images > folderName)

中的树状结构相同
> src
  - assets
       - images
            - icons
            - logos
            - ...

目前,每张图片都在同一个assets/images文件夹中。

使用[path]输出此结构(包含src/文件夹):

> dist       
     - src
         - assets
             - images
                 - icons
                 - logos
                 - ...

如何定义仅为图像资产定义根文件夹?

提前致谢

0 个答案:

没有答案