sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-08 08:39:59 +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>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css">
<script src="../vendor.js" defer></script>
<script src="bundle.js" defer></script>
</head>
<body>

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

@@ -1,11 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/index.css">
<script src="bundle.js" defer></script>
</head>
<body>
<div id="root"></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/index.css">
<script src="../vendor.js" defer></script>
<script src="bundle.js" defer></script>
</head>
<body>
<div id="root"></div>
</body>
</html>

11
ext/webpack.config.js
View File

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