how to add dev dependency in yarn

Guide on How to Add Dev Dependency in Yarn – Tutorial

If you’re working on a project in Yarn, you might need to add development dependencies to enhance your workflow. This section will guide you through adding a dev dependency in Yarn.

First, you must understand that dev dependencies are the only packages you need during development. These packages are not required to run your code in production but are necessary for testing and building your project.

Now, let’s move on to adding dev dependencies in Yarn. We’ll cover the different commands and options to ensure you can efficiently manage your project’s dependencies.

Learn how to add dev dependencies seamlessly and efficiently install dependencies from your package.json using Yarn.

Key Takeaways:

  • Dev dependencies are packages that are only needed during the development phase.
  • Adding dev dependencies in Yarn is essential for enhancing your development workflow.
  • In the following sections, we’ll cover the installation process for Yarn and explore how you can add, manage, update, and remove dev dependencies in Yarn.

how to add dev dependency in yarn

Understanding Dev Dependencies in Yarn

When building your project with Yarn, you may come across the term “dev dependencies.” But what exactly are dev dependencies, and why are they crucial to your development workflow?

In Yarn, dev dependencies are modules required for development purposes only. In contrast, regular dependencies are the modules required for production usage. Dev dependencies include tools and libraries for testing, linting, and building your code. They should be included in the production build, reducing the final output size.

Adding dev dependencies in Yarn is crucial for efficient development since it ensures the proper functioning of the project’s development environment. Without these dependencies, you may face issues while testing or building your code.

To add a development dependency in Yarn, you can use the “yarn add” command followed by the module name and the “–dev” or “-D” flag. This command will install and list the package under the “devDependencies” section of the project’s “package.json” file.

By keeping your dev dependencies separate from your regular dependencies, you can ensure your project remains optimized, efficient, and scalable.

Installing Yarn

You need to install Yarn on your system before you can add dev dependencies in Yarn. The installation process is quick and easy. Follow the steps below:

  1. Go to the official Yarn website at
  2. Select your operating system from the available list. For this guide, we will select Windows.
  3. Download the installation package. A file named .msi will be downloaded to your device.
  4. Run the .msi file and follow the prompts to complete the installation process.

Once the installation is complete, you can verify that Yarn has been installed correctly by opening a new terminal or command prompt and running the following command:

yarn -version

If Yarn has been installed correctly, the version number will be displayed, indicating that Yarn is ready to be used.

Now that you have Yarn installed, you can move on to adding dev dependencies to your project.

Adding Dev Dependencies with Yarn

Yarn makes adding dev dependencies to your project a breeze. You can use the command “yarn add” with the “-D” or “–dev” flag to add a dev dependency to your project. Here’s how:

  1. Go to your project directory using the terminal.
  2. Run the following command: 
  3. yarn add [package-name] –devor 
  4. yarn add [package-name] -D
  5. Yarn will install and add the dev dependency to your project’s “package.json” file.

If you need to install multiple dev dependencies simultaneously, you can separate their names with spaces after the “yarn add” command. For example:

yarn add [package-name-1] [package-name-2] -dev

Yarn will install all the listed packages as dev dependencies in your project.

It’s important to note that adding dev dependencies with Yarn also installs their regular dependencies, which means you may see additional packages installed alongside your dev dependency.

Using Yarn to manage dev dependencies offers a straightforward and efficient way to enhance your development process. With just a few commands, you can effortlessly include and oversee development dependencies within your project.

Managing Dev Dependencies in package.json

Yarn manages dev dependencies in the “package.json” file, which is the configuration file that describes the project’s metadata, including its dependencies. When you add a dev dependency using Yarn, it automatically adds it to the “devDependencies” section of the “package.json” file.

You can manually view and edit the “devDependencies” section to manage your project’s dev dependencies. Keeping this section up-to-date and organized is essential to ensure your development workflow is efficient and streamlined.

To view the “devDependencies” section, open the “package.json” file and scroll down to the “devDependencies” section. Here, you can see a list of all the dev dependencies installed for your project.

If you want to add a dev dependency manually, you can edit the “devDependencies” section in the “package.json” file. Add the dependency’s name and version number in the format “dependency-name”: “version” and save the file. Yarn will automatically install the dependency the next time you run the “yarn install” command.

It’s also possible to remove dev dependencies manually by deleting the corresponding line from the “devDependencies” section in the “package.json” file. Yarn will then remove the dependency the next time you run the “yarn install” command.

By managing dev dependencies in the “package.json” file, you have complete control over your project’s development dependencies and ensure that your project remains efficient and scalable.

Updating Dev Dependencies in Yarn

Keeping your project’s dev dependencies up to date is essential in maintaining a stable and efficient development environment. Fortunately, Yarn makes updating dev dependencies a breeze.

To update a single dev dependency, you can use the following command:

Yarn upgrade [package-name] –dev

Replace [package-name] with the name of the dev dependency you want to update. Yarn will update the package to the latest version while updating the “package.json” file with the new version number.

If you want to update all the dev dependencies in your project, you can use the following command:

yarn upgrade –latest –dev

This will update all dev dependencies to their latest versions, ensuring your project benefits from the latest features and bug fixes.

It’s worth noting that updating dev dependencies can sometimes cause compatibility issues or even break your code. To minimize the risk of issues, it’s best to update one dev dependency at a time and thoroughly test your code after each update. Additionally, some packages may have breaking changes between versions, so reading the release notes before updating is essential.

With Yarn’s easy-to-use update commands, keeping your dev dependencies up to date has never been simpler.

Removing Dev Dependencies in Yarn

Occasionally, you may need to tidy up your project by removing dev dependencies that are no longer necessary. Yarn offers a simple command for this task. Here, we will show you how to remove dev dependencies using Yarn.

To remove a dev dependency, use the following command:

yarn remove [package_name]

The command mentioned above will eliminate the specified package from your list of development dependencies. If the package is not found in the dev dependencies list, Yarn will display a warning message.

You can also use the “–dev” or “-D” flags to remove the package from the dev dependencies list. This is useful if the package is included in your regular dependencies list.

For example, to remove a dev dependency and ensure its removal from the dev dependencies list only, use:

yarn remove [package_name] -dev

Alternatively, you can use:

Yarn remove [package_name] -D

Both commands will remove the package from dev dependencies, not regular ones.

Removing unnecessary dev dependencies lets you keep your project clean and optimized, ensuring efficient development workflow.

Best Practices for Managing Dev Dependencies

Managing dev dependencies can be a tricky task, but it’s essential for maintaining a streamlined development workflow. Here are some best practices you can adopt to optimize your dev dependency management process:

  1. Update regularly: Keeping your dev dependencies up to date is crucial for maintaining a stable and efficient development environment. Regularly update your dev dependencies to ensure your project benefits from the latest features and bug fixes.
  2. Use semantic versioning: Semantic versioning provides a clear and consistent way to manage dependencies, ensuring your project remains stable and reliable. Always specify a version range for each dependency to avoid potential conflicts and ensure compatibility.
  3. Remove unused dependencies: Regularly audit your project’s dependencies and remove any that are no longer required. This will help keep your project clean and optimized, reducing the risk of conflicts and improving overall performance.
  4. Document your dependencies: Documenting your dependencies is essential for ensuring your project remains scalable and manageable. Use a package.json file to list all your dependencies, including version numbers and sources, and update it regularly to reflect any changes.
  5. Test your dependencies: Testing your dev dependencies is crucial for maintaining a stable and reliable development environment. Execute tests regularly to confirm the proper functionality of your dependencies and to detect any potential problems at an early stage.
  6. Use peer dependencies: Peer dependencies ensure that your project’s dependencies are compatible. Always specify your dependencies’ peer dependencies to avoid potential conflicts and ensure optimal performance.
  7. Automate your dependency management: Automating your dependency management process can help save time and increase efficiency. Use tools like Yarn to automate installing, updating, and removing your dev dependencies, ensuring your project remains up-to-date and optimized.


In conclusion, adding dev dependencies in Yarn enhances your development workflow. By adhering to the detailed instructions in this article and grasping the importance of development dependencies, you can proficiently oversee and manage your project’s dependencies.

To recap, ensure you have Yarn installed on your system before adding dev dependencies with Yarn. Once you have Yarn installed, use the “–dev” or “-D” flag to add dev dependencies directly to your project. It’s essential to manage dev dependencies correctly by viewing and editing them manually in the “package.json” file. Additionally, stay up to date with the latest versions of dev dependencies to ensure optimal performance and stability. Lastly, adopt best practices for managing dev dependencies, such as keeping your dependencies organized and avoiding duplicate dependencies whenever possible.

Incorporating these practices will help you optimize your dev dependency management process, ensuring your project remains efficient and scalable. Keep these tips in mind and enjoy the benefits of streamlined development!


Leave a Reply

Your email address will not be published. Required fields are marked *