Home-Assistant
/
frontend
mirror of https://github.com/home-assistant/frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add script to show stats (#2195)

pull/2196/head
Paulus Schoutsen 2018-12-06 12:43:43 +01:00 committed by GitHub
parent bbe90c1683
commit be3bfc7aa4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
script/develop
View File

@ -4,6 +4,8 @@
# Stop on errors # Stop on errors
set -e set -e
cd "$(dirname "$0")/.."
BUILD_DIR=build BUILD_DIR=build
OUTPUT_DIR=hass_frontend OUTPUT_DIR=hass_frontend
OUTPUT_DIR_ES5=hass_frontend_es5 OUTPUT_DIR_ES5=hass_frontend_es5

11
script/size_stats Executable file
View File

@ -0,0 +1,11 @@
#!/bin/sh
# Analyze stats
# Stop on errors
set -e
cd "$(dirname "$0")/.."
STATS=1 NODE_ENV=production webpack --profile --json > compilation-stats.json
npx webpack-bundle-analyzer compilation-stats.json hass_frontend
rm compilation-stats.json

13
webpack.config.js
View File

@ -16,6 +16,7 @@ if (!version) {
} }
const VERSION = version[0]; const VERSION = version[0];
const isCI = process.env.CI === "true"; const isCI = process.env.CI === "true";
const isStatsBuild = process.env.STATS === "1";
const generateJSPage = (entrypoint, latestBuild) => { const generateJSPage = (entrypoint, latestBuild) => {
return new HtmlWebpackPlugin({ return new HtmlWebpackPlugin({
@ -51,10 +52,6 @@ function createConfig(isProdBuild, latestBuild) {
entry["service-worker-hass"] = "./src/entrypoints/service-worker-hass.js"; entry["service-worker-hass"] = "./src/entrypoints/service-worker-hass.js";
} }
const chunkFilename = isProdBuild
? "[chunkhash].chunk.js"
: "[name].chunk.js";
return { return {
mode: isProdBuild ? "production" : "development", mode: isProdBuild ? "production" : "development",
devtool: isProdBuild devtool: isProdBuild
@ -161,6 +158,7 @@ function createConfig(isProdBuild, latestBuild) {
), ),
isProdBuild && isProdBuild &&
!isCI && !isCI &&
!isStatsBuild &&
new CompressionPlugin({ new CompressionPlugin({
cache: true, cache: true,
exclude: [/\.js\.map$/, /\.LICENSE$/, /\.py$/, /\.txt$/], exclude: [/\.js\.map$/, /\.LICENSE$/, /\.py$/, /\.txt$/],
@ -223,7 +221,10 @@ function createConfig(isProdBuild, latestBuild) {
if (!isProdBuild || dontHash.has(chunk.name)) return `${chunk.name}.js`; if (!isProdBuild || dontHash.has(chunk.name)) return `${chunk.name}.js`;
return `${chunk.name}-${chunk.hash.substr(0, 8)}.js`; return `${chunk.name}-${chunk.hash.substr(0, 8)}.js`;
}, },
chunkFilename: chunkFilename, chunkFilename:
isProdBuild && !isStatsBuild
? "[chunkhash].chunk.js"
: "[name].chunk.js",
path: path.resolve(__dirname, buildPath), path: path.resolve(__dirname, buildPath),
publicPath, publicPath,
}, },
@ -243,7 +244,7 @@ function createConfig(isProdBuild, latestBuild) {
const isProdBuild = process.env.NODE_ENV === "production"; const isProdBuild = process.env.NODE_ENV === "production";
const configs = [createConfig(isProdBuild, /* latestBuild */ true)]; const configs = [createConfig(isProdBuild, /* latestBuild */ true)];
if (isProdBuild) { if (isProdBuild && !isStatsBuild) {
configs.push(createConfig(isProdBuild, /* latestBuild */ false)); configs.push(createConfig(isProdBuild, /* latestBuild */ false));
} }
module.exports = configs; module.exports = configs;