-
Install yarn globally https://yarnpkg.com/en/docs/install
-
Remove devDependencies from local
package.json -
Add devDependencies from frontend-frameworks' package.json
-
Migrate bower.json to NPM
Use Bower package search to search for the repositories behind the bower keys listed in your local
bower.json. Double check if npm package name equals bower package name!!!!!Install repository with Yarn
yarn add [repo-found-at-bower-search]#[version-number] --save. For example:yarn install https://github.com/janrembold/jquery-debouncedwidth#1.1.3In case the target repository doesn't have a (valid) package.json:
- Add a package.json if you have access to that repository
- Ask the developer to add one, or better send a pull request
- See forked repositories in https://github.com/virtualidentityag, it's possible someone else already had that problem
- Fork the repository and add a package.json yourself and install this repository
-
Update script paths in
scripts.htmland maybe other relevant script-loading files, e.g._mock/configuration.jsorconditional-resource-loaderpaths. -
Add projectConfig.json: https://github.com/virtualidentityag/frontend-framework/blob/master/projectConfig.json
- Add new configuration files from https://github.com/virtualidentityag/frontend-framework: tsconfig.json, .babelrc
-
Update "externalResources" in projectConfig.json to match old bower resources. This task copies only relevant files from node_modules to local vendor folders
-
Rename folder
app/resources/templatestoapp/resources/hbs -
Rename folder
app/resources/jsxtoapp/resources/react(fix script paths accordingly) -
Rename folder
app/resources/csstoapp/resources/sass -
Check global variable naming for handlebars namespace, default is
global.configuration.data.tpl. Some older projects use customer name instead ofglobal. Change namespace in project config. -
Load
head.configuration.jsin<head>BEFORE setting global configurations. Always use global.configuration getters and setters!