# A Better package.json for the Frontend

DevFeed: [A Better package.json for the Frontend](<https://devfeed.tech/articles/a-better-package-json-for-the-frontend-31231.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/a-better-package-json-for-the-frontend>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2016-12-23T19:46:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [frontend development](<https://devfeed.tech/topics/frontend-development.md>), [Package manager](<https://devfeed.tech/topics/package-manager.md>), [npm](<https://devfeed.tech/topics/npm.md>), [Yarn](<https://devfeed.tech/topics/yarn.md>), [Gulp](<https://devfeed.tech/topics/gulp.md>)

Tags: [better](<https://devfeed.tech/tags/better.md>), [consider](<https://devfeed.tech/tags/consider.md>), [days](<https://devfeed.tech/tags/days.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [frontend-development](<https://devfeed.tech/tags/frontend-development.md>), [gulp](<https://devfeed.tech/tags/gulp.md>), [here-s](<https://devfeed.tech/tags/here-s.md>), [insights](<https://devfeed.tech/tags/insights.md>), [like](<https://devfeed.tech/tags/like.md>), [mandatory](<https://devfeed.tech/tags/mandatory.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [npm](<https://devfeed.tech/tags/npm.md>), [npm-packages](<https://devfeed.tech/tags/npm-packages.md>), [package-json](<https://devfeed.tech/tags/package-json.md>), [setup](<https://devfeed.tech/tags/setup.md>), [tools](<https://devfeed.tech/tags/tools.md>), [webdev](<https://devfeed.tech/tags/webdev.md>), [webpack](<https://devfeed.tech/tags/webpack.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

## AI overview

This article explains how to use package.json as a centralized manifest for a website's frontend packages and workflow tooling. It discusses replacing Bower with npm, and notes that Yarn can manage the same registry with deterministic installs through yarn.lock.

## Source excerpt

Frontend workflow tools like gulp are almost mandatory for webdev these days; here's what I consider to be a better package.json setup