webpack loader und include
Ich bin neu im Webpack und versuche, die Loader sowie deren Eigenschaften wie Test, Loader, Include usw. zu verstehen.
Hier ist ein Beispiel-Snippet von webpack.config.js, das ich in Google gefunden habe.
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
include: [
path.resolve(__dirname, 'index.js'),
path.resolve(__dirname, 'config.js'),
path.resolve(__dirname, 'lib'),
path.resolve(__dirname, 'app'),
path.resolve(__dirname, 'src')
],
exclude: [
path.resolve(__dirname, 'test', 'test.build.js')
],
cacheDirectory: true,
query: {
presets: ['es2015']
}
},
]
}
Habe ich Recht, dass der Test: /.js$/ nur für Dateien mit der Erweiterung .js verwendet wird?
Der Loader: 'babel-loader' ist der Loader, den wir mit npm @ installiere
The include: Ich habe viele Fragen dazu. Habe ich recht, dass alles, was wir in das Array einfügen, transpiliert wird? Das heißt, index.js, config.js und alle * .js-Dateien in lib, app und src werden transpiliert.
Weitere Fragen zum Include: Wenn Dateien transpiliert werden, werden die * .js-Dateien zu einer großen Datei verkettet?
Ich denke ausschließen ist selbsterklärend. Es wird nicht transpiliert.
Was fragt ab: {presets: ['es2015']}?