Skip to content

Commit d9362e1

Browse files
cezaraugustocezaraugusto
authored
Decrease package size (#169)
* Remove @vue/compiler-sfc This is not needed to run Vue according to package README -Size: 11.05mb * Delegate Babel to the extension.config.js We replaced Babel with SWC but Babel is one of the largest dependencies in the project, so we better remove it. babel-preset-modern-browser-extension - Size: 26.03mb @babel/core - Size: 11.23mb babel-loader - Size: 1.5mb Total: 38.31mb * Remove Tailwind from dependencies Tailwind is a dependency required by users, so it should be resolved by the user's project. tailwindcss - Size: 15mb * Delegate Stylelint to the extension.config.js stylelint - Size: 8.15mb stylelint-webpack-plugin - Size: 7.22mb stylelint-config-standard-scss - Size: 2.5mb Total: 17.87mb * Remove SASS SASS is required by the user extension already. sass - Size: 6.29mb * Remove LESS LESS is required by the user extension already. less - Size: 4.57mb * Remove browser-extension-manifest-fields Not used anymore browser-extension-manifest-fields Size: 4.64mb * Replace detect-package-manager with package-manager-detector
1 parent 626c352 commit d9362e1

File tree

23 files changed

+93
-405
lines changed

23 files changed

+93
-405
lines changed

‎examples/config-babel/babel.config.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
2-
"presets": [],
2+
"presets": ["modern-browser-extension"],
33
"plugins": []
44
}

‎examples/config-babel/extension.config.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/** @type {import('extension-develop').FileConfig} */
2+
module.exports = {
3+
config: (config) => {
4+
config.module.rules.push(
5+
// https://webpack.js.org/loaders/babel-loader/
6+
// https://babeljs.io/docs/en/babel-loader
7+
{
8+
test: /\.(js|mjs|jsx|ts|tsx)$/,
9+
include: __dirname,
10+
exclude: /node_modules/,
11+
loader: require.resolve('babel-loader')
12+
}
13+
)
14+
15+
return config
16+
}
17+
}

‎examples/config-babel/package.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,9 @@
99
"url": "https://cezaraugusto.com"
1010
},
1111
"devDependencies": {
12+
"@babel/core": "^7.24.9",
13+
"babel-loader": "^9.1.3",
14+
"babel-preset-modern-browser-extension": "^0.7.0",
1215
"stylelint": "^16.7.0"
1316
}
1417
}

‎examples/config-stylelint/.stylelintrc.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": "stylelint-config-standard-scss"
3+
}

‎examples/config-stylelint/newtab/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
href="https://unpkg.com/sakura.css/css/sakura-dark.css"
1515
media="screen and (prefers-color-scheme: dark)"
1616
/>
17-
<link rel="stylesheet" href="./styles.css" media="screen" />
17+
<link rel="stylesheet" href="./styles.scss" media="screen" />
1818
</head>
1919
<body>
2020
<header>

‎examples/config-stylelint/newtab/styles.css renamed to ‎examples/config-stylelint/newtab/styles.scss

File renamed without changes.

‎examples/config-stylelint/package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,11 @@
99
"url": "https://cezaraugusto.com"
1010
},
1111
"scripts": {
12-
"lint:css": "stylelint '**/*.css'"
12+
"lint:css": "npx stylelint '**/*.scss'"
1313
},
1414
"devDependencies": {
15+
"sass": "^1.77.8",
1516
"stylelint": "^16.7.0",
16-
"stylelint-config-standard": "^36.0.1"
17+
"stylelint-config-standard-scss": "^13.1.0"
1718
}
1819
}

‎examples/config-stylelint/stylelint.config.json

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎examples/init/manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"manifest_version": 3,
33
"version": "0.0.1",
4-
"name": "Initial Template",
4+
"name": "Init Template",
55
"description": "An Extension.js example.",
66
"icons": {
77
"16": "images/extension_16.png",

‎examples/types.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ export type ConfigFiles =
33
| 'postcss.config.js'
44
| 'tailwind.config.js'
55
| 'tsconfig.json'
6-
| 'babel.config.js'
76
| 'stylelint.config.json'
87
| 'extension.config.js'
98

0 commit comments

Comments
 (0)