sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-13 02:49:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Split React into separate chunk to reduce bundle sizes

Browse Source
This commit is contained in:
hensm
2018-12-07 20:51:24 +00:00
parent fec2e0808b
commit 7e26e8d47d
3 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ext/src/options/index.html
View File

@@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="index.css">
<script src="../vendor.js" defer></script>
<script src="bundle.js" defer></script> <script src="bundle.js" defer></script>
</head> </head>
<body> <body>

1
ext/src/popup/index.html
View File

@@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="styles/index.css"> <link rel="stylesheet" href="styles/index.css">
<script src="../vendor.js" defer></script>
<script src="bundle.js" defer></script> <script src="bundle.js" defer></script>
</head> </head>
<body> <body>

11
ext/webpack.config.js
View File

@@ -23,6 +23,17 @@ module.exports = (env) => ({
filename: "[name].js" filename: "[name].js"
, path: `${env.outputPath}` , path: `${env.outputPath}`
} }
, optimization: {
splitChunks: {
cacheGroups: {
vendor: {
name: "vendor"
, test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/
, chunks: "all"
}
}
}
}
, plugins: [ , plugins: [
new webpack.DefinePlugin({ new webpack.DefinePlugin({
"EXTENSION_NAME" : JSON.stringify(env.extensionName) "EXTENSION_NAME" : JSON.stringify(env.extensionName)