代码之家 › 专栏 › 技术社区 › Legends

将favicons打包到不同的文件夹中

webpack-3

Legends · 技术社区 · 7 年前

我有两个文件夹 src/images/ 和 src/images/icons . 所有Favicon都在 png 总体安排

在里面 src/图像/图标 我把不同设备的所有Favicon都放在了网上 wwwroot/images/icons 以及所有其他图像 wwwroot/images .

如何区分图像和favicon?

现在,我有以下图片:

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

但这会将所有图像复制到 dist\images ,包括图标,应在文件夹中更深一层 dist\images\icons

1 回复 | 直到 7 年前

Joel Cornett Adrian 7 年前

有几种方法可以做到这一点(即使用 test 根据文件名、单独规则等输入)。然而,有一种方法似乎很有效,而且相当清楚:

const path = require('path')

module.exports = {
  // ...
  module: {
    rules: [

      {
        test: /\.(png|ico|svg|jpg|gif)$/,
        exclude: /node_modules/,
        use: {
          loader: 'file-loader',
          options: {
            name: function(fullPath) {
              return path.relative(__dirname + '/src', fullPath)
            }
          }
        }
      }

    ]
  }
  // ...
}

推荐文章

crs1138 · 如何加载动画。css与网页包3?

7 年前

Legends · 将favicons打包到不同的文件夹中

7 年前

Vignesh · 行分组时,p表中显示的对象数组不会按原始顺序显示

7 年前

ChucKN0risK · 在网页包3中找不到静态资产

7 年前

Vignesh · PrimeNG TurboTable性能问题

7 年前

khajjit · 如何用Webpack提示两个不同的文件夹?

7 年前

Francesco Casula · Karma/Webpack/Vue。js:属性或方法未在实例上定义,但在渲染期间引用

7 年前

Danziger · Webpack抛出TypeError:当导入更少的文件时,超级表达式必须为null或函数,而不是未定义的

7 年前