Skip to content

Instantly share code, notes, and snippets.

@willnet
Last active August 23, 2021 13:34
Show Gist options
  • Save willnet/c40333abbb5d138f5f59ad0d0bd4ad13 to your computer and use it in GitHub Desktop.
Save willnet/c40333abbb5d138f5f59ad0d0bd4ad13 to your computer and use it in GitHub Desktop.
webpackconfig.js comparison between webpacker6-rc1 and webpacker5.4.2
{
"mode": "development",
"output": {
"filename": "js/[name]-[contenthash].js",
"chunkFilename": "js/[name]-[contenthash].chunk.js",
"hotUpdateChunkFilename": "js/[id]-[hash].hot-update.js",
"path": "/Users/willnet/tmp/webpacker5/public/packs",
"publicPath": "/packs/"
},
"resolve": {
"extensions": [
".mjs",
".js",
".sass",
".scss",
".css",
".module.sass",
".module.scss",
".module.css",
".png",
".svg",
".gif",
".jpeg",
".jpg"
],
"plugins": [
{
"topLevelLoader": {}
}
],
"modules": [
"/Users/willnet/tmp/webpacker5/app/javascript",
"node_modules"
]
},
"resolveLoader": {
"modules": [
"node_modules"
],
"plugins": [
{}
]
},
"node": {
"dgram": "empty",
"fs": "empty",
"net": "empty",
"tls": "empty",
"child_process": "empty"
},
"devtool": "cheap-module-source-map",
"entry": {
"application": "/Users/willnet/tmp/webpacker5/app/javascript/packs/application.js"
},
"module": {
"strictExportPresence": true,
"rules": [
{
"test": {},
"use": [
{
"loader": "file-loader",
"options": {
"esModule": false,
"context": "app/javascript"
}
}
]
},
{
"test": {},
"use": [
{
"loader": "style-loader"
},
{
"loader": "css-loader",
"options": {
"sourceMap": true,
"importLoaders": 2,
"modules": false
}
},
{
"loader": "postcss-loader",
"options": {
"config": {
"path": "/Users/willnet/tmp/webpacker5"
},
"sourceMap": true
}
}
],
"sideEffects": true,
"exclude": {}
},
{
"test": {},
"use": [
{
"loader": "style-loader"
},
{
"loader": "css-loader",
"options": {
"sourceMap": true,
"importLoaders": 2,
"modules": false
}
},
{
"loader": "postcss-loader",
"options": {
"config": {
"path": "/Users/willnet/tmp/webpacker5"
},
"sourceMap": true
}
},
{
"loader": "sass-loader",
"options": {
"sourceMap": true,
"implementation": {
"info": "dart-sass\t1.38.0\t(Sass Compiler)\t[Dart]\ndart2js\t2.13.4\t(Dart Compiler)\t[Dart]",
"types": {},
"NULL": {},
"TRUE": {
"value": true
},
"FALSE": {
"value": false
}
},
"sassOptions": {
"includePaths": []
}
}
}
],
"sideEffects": true,
"exclude": {}
},
{
"test": {},
"use": [
{
"loader": "style-loader"
},
{
"loader": "css-loader",
"options": {
"sourceMap": true,
"importLoaders": 2,
"modules": {
"localIdentName": "[name]__[local]___[hash:base64:5]"
}
}
},
{
"loader": "postcss-loader",
"options": {
"config": {
"path": "/Users/willnet/tmp/webpacker5"
},
"sourceMap": true
}
}
],
"sideEffects": false,
"include": {}
},
{
"test": {},
"use": [
{
"loader": "style-loader"
},
{
"loader": "css-loader",
"options": {
"sourceMap": true,
"importLoaders": 2,
"modules": {
"localIdentName": "[name]__[local]___[hash:base64:5]"
}
}
},
{
"loader": "postcss-loader",
"options": {
"config": {
"path": "/Users/willnet/tmp/webpacker5"
},
"sourceMap": true
}
},
{
"loader": "sass-loader",
"options": {
"sourceMap": true
}
}
],
"sideEffects": false,
"include": {}
},
{
"test": {},
"include": {},
"exclude": {},
"use": [
{
"loader": "babel-loader",
"options": {
"babelrc": false,
"presets": [
[
"@babel/preset-env",
{
"modules": false
}
]
],
"cacheDirectory": true,
"cacheCompression": false,
"compact": false,
"sourceMaps": false
}
}
]
},
{
"test": {},
"include": [
"/Users/willnet/tmp/webpacker5/app/javascript"
],
"exclude": {},
"use": [
{
"loader": "babel-loader",
"options": {
"cacheDirectory": true,
"cacheCompression": false,
"compact": false
}
}
]
}
]
},
"plugins": [
{
"keys": [
// listed ENV keys
],
"defaultValues": {
// listed ENV keys and values
}
},
{
"options": {},
"logger": {},
"pathCache": {},
"fsOperations": 0,
"primed": false
},
{
"options": {
"filename": "css/[name]-[contenthash:8].css",
"ignoreOrder": false,
"chunkFilename": "css/[name]-[contenthash:8].chunk.css"
}
},
{}
]
}
{
"mode": "development",
"output": {
"filename": "js/[name].js",
"chunkFilename": "js/[name].chunk.js",
"hotUpdateChunkFilename": "js/[id].[fullhash].hot-update.js",
"path": "/Users/willnet/tmp/webpacker6rc1/public/packs",
"publicPath": "/packs/"
},
"entry": {
"application": "/Users/willnet/tmp/webpacker6rc1/app/packs/entrypoints/application.js"
},
"resolve": {
"extensions": [
".js",
".jsx",
".mjs",
".ts",
".tsx",
".coffee"
],
"modules": [
"/Users/willnet/tmp/webpacker6rc1/app/packs",
"node_modules"
],
"plugins": [
{
"topLevelLoader": {}
}
]
},
"plugins": [
{
"keys": [
// listed ENV keys
],
"defaultValues": {
// listed ENV keys and values
}
},
{}
],
"resolveLoader": {
"modules": [
"node_modules"
],
"plugins": [
{}
]
},
"optimization": {
"splitChunks": {
"chunks": "all"
},
"runtimeChunk": "single"
},
"module": {
"strictExportPresence": true,
"rules": [
{
"test": [
{}
],
"exclude": [
{}
],
"type": "asset/source"
},
{
"test": [
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{}
],
"exclude": [
{}
],
"type": "asset/resource",
"generator": {
"filename": "static/[hash][ext][query]"
}
},
{
"test": {},
"include": [
"/Users/willnet/tmp/webpacker6rc1/app/packs"
],
"exclude": {},
"use": [
{
"loader": "/Users/willnet/tmp/webpacker6rc1/node_modules/babel-loader/lib/index.js",
"options": {
"cacheDirectory": true,
"cacheCompression": false,
"compact": false
}
}
]
}
]
},
"devtool": "cheap-module-source-map"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment