What is the method for organizing dependencies exclusively in a designated folder using yarn?

Question

What is the method for organizing dependencies exclusively in a designated folder using yarn?

Transition

After using bower for managing dependencies, I have decided to switch to yarn. The biggest challenge I am facing is moving from the existing .bowerrc file to a new .yarnrc configuration.

.bowerrc

{
     "directory": "src/vendors"
}

The difficulty lies in creating a .yarnrc file that only places dependencies into src/vendors, while keeping devDependencies in another directory like node_modules.

.yarnrc

--modules-folder src/vendors

Query

How can I segregate dependencies into src/vendors and keep devDependencies in node_modules when migrating to Yarn?

javascript npm gulp bower yarnpkg

Answer 1

Answer №1

To achieve the desired outcome without using the .yarnrc files mentioned earlier, you can opt for a different approach by including two distinct scripts in your package.json file, as shown below:

  "scripts": {
      "install-depends": "yarn install --production=true --modules-folder ./src/vendors",
      "install-devDepends": "yarn install --production=false"
   }

Subsequently, execute these scripts in the specified sequence (running them in reverse order will result in clearing the entire node_modules directory):

yarn run install-depends
yarn run install-devDepends

Answer 2

To achieve the desired outcome without using the .yarnrc files mentioned earlier, you can opt for a different approach by including two distinct scripts in your package.json file, as shown below:

  "scripts": {
      "install-depends": "yarn install --production=true --modules-folder ./src/vendors",
      "install-devDepends": "yarn install --production=false"
   }

Subsequently, execute these scripts in the specified sequence (running them in reverse order will result in clearing the entire node_modules directory):

yarn run install-depends
yarn run install-devDepends

Answer 3

Answer №2

Utilize the --production option when running yarn to specify which dependencies you wish to install; if set to true, only the dependencies will be installed.

To achieve this, create a .yarnrc file in your src folder with the following lines:

--modules-folder vendors
--production true

In the root of your project directory, make another .yarnrc file and set --production to false:

--production false

The structure of your folders should look like this:

.
├── package.json
├── src
│   └── .yarnrc
└── .yarnrc

Answer 4

Utilize the --production option when running yarn to specify which dependencies you wish to install; if set to true, only the dependencies will be installed.

To achieve this, create a .yarnrc file in your src folder with the following lines:

--modules-folder vendors
--production true

In the root of your project directory, make another .yarnrc file and set --production to false:

--production false

The structure of your folders should look like this:

.
├── package.json
├── src
│   └── .yarnrc
└── .yarnrc

What is the method for organizing dependencies exclusively in a designated folder using yarn?

Transition

Query

Answer №1

Answer №2

Similar questions

Removing an item from an array using AngularJS with Underscore or another method

Transitioning from checkbox to input field and updating the button through Ajax in a WordPress site

Retrieving the values of multiple selected options from various select fields simultaneously

What is the process for dynamically updating a variable's state within a render function?

Issue with fullPage.js - Unable to scroll to footer on the last section of the page

Creating a dynamic 3D pie chart with Highcharts and JSON data

The JavaScript-rendered HTML button is unresponsive

Issue with file operations in Ionic1 not functioning properly after scrolling in AngularJS

While using the ionic serve command

how to show an error in a modal window when encountering an error

The design of RESTful web applications with a client-server architecture

Check out the HTML display instead of relying on console.log

Save picture in localStorage

Creating a fresh object from a previous one using JavaScript:

Tips on enhancing Ajax requests with jQuery and deferred objects

Remove the list by conducting a comparison analysis

What is causing my radio button event to activate when a separate radio button is selected?

An issue with the Babel version is preventing the Express API from starting up successfully

AngularJS bespoke provider leading to "Provider not found" error

Having trouble updating the value of my textfield in material-ui using formik