Top 5 Optimizations to Speed Up Your Webpack Build
Top 5 Optimizations to Speed Up Your Webpack Build
{
module: {
rules: [
{
test: /\.js$/,
use: ['cache-loader', 'babel-loader'],
include: path.resolve('src'),
}
]
}
}
function route(path, file) {
return new Route(path, () => import(`./${file}`));
}
{
entry: {
app: './src/app.js',
vendors: './src/vendors.js'
},
output: {
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'dist')
}
}
{
module: {
rules: [
{
test: /\.js$/,
use: ['thread-loader', 'babel-loader'],
include: path.resolve('src'),
}
]
}
}
{
module: {
rules: [
{
test: /\.js$/,
loader: 'esbuild-loader',
options: {
target: 'es2015'
}
}
]
}
}
{
module: {
rules: [
{
test: /\.js$/,
use: ['cache-loader', 'babel-loader'],
include: path.resolve('src'),
}
]
}
}
function route(path, file) {
return new Route(path, () => import(`./${file}`));
}
{
entry: {
app: './src/app.js',
vendors: './src/vendors.js'
},
output: {
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'dist')
}
}
{
module: {
rules: [
{
test: /\.js$/,
use: ['thread-loader', 'babel-loader'],
include: path.resolve('src'),
}
]
}
}
{
module: {
rules: [
{
test: /\.js$/,
loader: 'esbuild-loader',
options: {
target: 'es2015'
}
}
]
}
}