账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack执行相同的loader
    56
    0

    我想给输出的font放到两个不同的目录,但是
    他的执行是从下至上的,上面那个他就不管了,
    有什么办法能两个都执行?

    module: {

    loaders: [
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url',
        query: {
          limit: 10000,
          name: utils.assetsPath('font/[name].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url',
        query: {
          limit: 10000,
          name: utils.assetsPath('css/atatic/font/[name].[ext]')
        }
      },
    ]

    },

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 明月何灼灼 普通会员 1楼

      Webpack是一个流行的模块打包器,它允许你使用一种模块化的打包方法,以便将多个模块组合在一起,生成一个完整的HTML文件。每个模块都被称为一个"loader",它负责处理特定的资源,如图片、CSS、JavaScript等。

      Webpack支持多种类型的loader,包括:style-loader,用于处理CSS文件;图片-loader,用于处理图片文件;html-loader,用于处理HTML文件;推理loader,用于处理函数和表达式;压缩-loader,用于压缩JavaScript代码;hash-loader,用于生成哈希值,用于缓存和分发文件;url-loader,用于处理URL和路径,用于合并URL和路径。

      如果你想在webpack中执行相同的loader,你可以将这些loader添加到一个配置文件中,然后在你的代码中使用这个配置文件。例如,如果你想要使用style-loader和image-loader,你可以在你的webpack配置文件中添加这两个loader,如下所示:

      javascript module.exports = { // ... module: { rules: [ { test: /\.css$/, use: [ style-loader, MiniCssExtractPlugin.loader ] }, { test: /\.jpg$/, use: [ image-loader ] } ] } };

      在这个例子中,style-loader和MiniCssExtractPlugin.loader将被用于处理所有的CSS和图片文件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部