build: Add bundlesize to CI

.circleci/config.yml

@@ -1,29 +1,37 @@
 version: 2
 jobs:
   build:
-    branches:
-      only: "master"
     docker:
       - image: circleci/node:8
         environment:
           ## this enables colors in the output
           TERM: xterm
-    working_directory: ~/app
+    working_directory: ~/project/app
     steps:
       - checkout
       - restore_cache:
           keys:
-            - v1-deps-{{ .Branch }}-{{ checksum "package.json" }}
+            - v1-deps-{{ .Branch }}-{{ checksum "yarn.lock" }}
             - v1-deps-{{ .Branch }}
             - v1-deps
       - run:
           name: Install Dependencies
           command: yarn install --frozen-lockfile
       - save_cache:
-          key: v1-deps-{{ .Branch }}-{{ checksum "package.json" }}
+          key: v1-deps-{{ .Branch }}-{{ checksum "yarn.lock" }}
           paths:
-            - ~/.cache
-      - run: yarn run ci
+            - node_modules/
+      - run:
+          name: Build
+          command: yarn build
+      - run:
+          name: Check Bundle Size
+          command: yarn bundlesize
+      - run:
+          name: Run Tests
+          command: yarn run ci
       - store_artifacts:
           path: coverage
-      - run: curl -s https://codecov.io/bash | bash
+      - run:
+          name: Upload Code Coverage
+          command: curl -s https://codecov.io/bash | bash

package.json

@@ -9,8 +9,19 @@
     "test": "vue-cli-service test:unit",
     "lint": "vue-cli-service lint",
     "ci": "vue-cli-service test:unit -i --ci -b",
-    "prepublishOnly": "yarn build"
+    "prepublishOnly": "yarn build",
+    "bundlesize": "bundlesize"
   },
+  "bundlesize": [
+    {
+      "path": "./dist/vue-color-picker.umd.min.js",
+      "maxSize": "2.8 kB"
+    },
+    {
+      "path": "./dist/vue-color-picker.min.css",
+      "maxSize": "1 kB"
+    }
+  ],
   "main": "dist/vue-color-picker.cjs.js",
   "module": "dist/vue-color-picker.esm.js",
   "unpkg": "dist/vue-color-picker.umd.min.js",
@@ -35,6 +46,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.0.1",
     "babel-jest": "24.8.0",
+    "bundlesize": "0.17.2",
     "cliui": "5.0.0",
     "eslint": "5.16.0",
     "eslint-plugin-prettier": "3.1.0",
@@ -48,7 +60,7 @@
     "rollup-plugin-commonjs": "10.0.0",
     "rollup-plugin-node-resolve": "5.0.2",
     "rollup-plugin-postcss": "2.0.3",
-    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-replace": "2.2.0",
     "rollup-plugin-terser": "5.0.0",
     "rollup-plugin-vue": "5.0.0",
     "vue": "2.5.21",