Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

License

NotificationsYou must be signed in to change notification settings

LironEr/bundlemon-codefresh-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This step by step guide will help you set upBundleMon with CodeFresh

Clone repo

For this guide I used this repo:https://github.com/Yog9/SnapShot

git clone https://github.com/Yog9/SnapShot

Build

yarn build

Add BundleMon

yarn add -D bundlemon

Add BundleMon config

Create a file new file.bundlemonrc.json

{"baseDir":"./build","files": [    {"path":"index.html"    },    {"path":"static/js/*.chunk.js","maxPercentIncrease":10    },    {"path":"static/js/runtime-main.*.js","maxSize":"1kb"    }  ]}

Run BundleMon

yarn bundlemon

Ignore hash in file name

Changing app code will cause webpack to generate a new hash for files that have been changed.

main.e0277e23.chunk.js -> main.c2a935b4.chunk.js

In order for BundleMon to know it's the same file you need to add<hash> string to file path config:

{"baseDir":"./build","files": [    {"path":"index.html"    },    {"path":"static/js/*.<hash>.chunk.js","maxPercentIncrease":10    },    {"path":"static/js/runtime-main.<hash>.js","maxSize":"1kb"    }  ]}

Create pipeline

  • Create new pipeline in CodeFresh
  • Add GIT triggers:
    • PR trigger:
      • trigger name:PR
      • trigger by:Pull request opened &Pull request synchronized
    • main branch trigger:
      • trigger name:main-push
      • trigger by:Push commits
      • branch:/^((main)$).*/gi
version:"1.0"steps:main_clone:title:"Cloning repository"type:"git-clone"repo:"${{CF_REPO_OWNER}}/${{CF_REPO_NAME}}"revision:"${{CF_REVISION}}"git:"github"install:title:"Install dependencies"image:"node:14"environment:      -NPM_CONFIG_CACHE=${{CF_VOLUME_PATH}}/.cache/npm      -YARN_CACHE_FOLDER=${{CF_VOLUME_PATH}}/.cache/yarncommands:      -yarnbuild:title:"Build"image:"node:14"commands:      -yarn buildbundlemon:title:"Run BundleMon"image:"node:14"environment:      -BUNDLEMON_PROJECT_ID=${{BUNDLEMON_PROJECT_ID}}      -BUNDLEMON_PROJECT_APIKEY=${{BUNDLEMON_PROJECT_APIKEY}}commands:      -yarn bundlemondeploy:title:"Deploy"image:"node:14"commands:      -echo "deploy..."when:branch:only:          -main

Create BundleMon project

In order to save history and get differences from your main branches you will need to create a new project and setup environment variables.

  • Create new project and copy the project ID and API key
  • AddBUNDLEMON_PROJECT_ID &BUNDLEMON_PROJECT_APIKEY to pipeline variables

API key is a secret, encrypt the secret in CodeFresh UI when adding this variable

Add GitHub integration

"reportOutput": [  ["github",    {"checkRun":false,"commitStatus":true,"prComment":true    }  ]],

You can change github output options

When creating yourfirst PR with BundleMon you should see all files found by BundleMon as "Added", because there isn't a record on your main branch.


Once you merge the PR BundleMon will keep a record on your main branch, so on your next PR you should see the difference between the PR and your main branch.

About

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published
[8]ページ先頭
©2009-2025 Movatter.jp