Wie konfiguriere ich den URL-Loader im Webpack um nur einige Ordner zu transformieren?

Question

webpack.js

file.jpg:

zu base64 von url-loader-Transformation

file.png: Use-File-loader

alle file.jpg in Projekt nur die ext entscheiden, zu transformieren.

aber wie die file.gif umgehen?

in die Tat mag ich wissen, wie die URL-loader in webpack config nur einige Ordner oder einige Dateien zu verwandeln? Aber nicht nur alle Dateien einiger Typen.

sorry, mein Englisch ist schlecht ...

rules:{ 
 
    { 
 
     test: /\.(png|svg|ttf|eot|woff|otf)$/, 
 
     loader: 'file-loader', 
 
     options: { 
 
      name: '[path][name].[ext]?[hash]' 
 
     } 
 
    }, 
 
    { 
 
     test: /\.(gif|jpg)$/, 
 
     loader: 'url-loader',//url-loader?limit=30000 
 
     options: { 
 
      limit:30000, 
 
      name: '[path][name].[ext]?[hash]', 
 
     }, 
 
     exclude: ////don't know how to config 
 
    } 
 
}

Directory Structures

Answer 1

einen Pfad auszuschließen:

exclude: /my_excluded_path/ 

Um mehrere Pfade auszuschließen:

exclude: [ 
    /my_excluded_path/, 
    /my_other_excluded_path/ 
] 

einen bestimmten absoluten Pfad Ohne anstelle eines regulären Ausdrucks der Verwendung:

exclude: path.resolve(__dirname, "my_excluded_path") 

Answer 2

einer spezifischen absoluten Pfad Ohne anstelle eines regulären Ausdrucks des Verwendens

{ 
 
    test: /\.(gif|jpg|png|svg|ttf|eot|woff|otf)$/,//(png|jpg|gif|svg) 
 
    loader: 'file-loader', 
 
    options: { 
 
     name: '[path][name].[ext]?[hash]' 
 
    }, 
 
    exclude: [path.join(projectRoot, './vue/img')] 
 
}, 
 
{ 
 
    test: /\.(gif|png|jpg)$/, 
 
    loader: 'url-loader', 
 
    options: { 
 
     limit:30000, 
 
     name: '[path][name].[ext]?[hash]', 
 
    }, 
 
    exclude: [path.join(projectRoot, './vue/image')] 
 
}