refactor: replace yarn with pnpm (element-plus#3571)

* refactor: replace yarn with pnpm

* chore: install pnpm

* chore: disable cache

* ignore pnpm-lock.yaml

* resolve deps

* setup pnpm

.eslintignore

@@ -2,3 +2,4 @@ node_modules
 dist
 packages/*/es
 packages/*/lib
+pnpm-lock.yaml

.github/workflows/master-deploy.yml

@@ -17,30 +17,32 @@ jobs:
         with:
           node-version: '16'
 
-      - name: Install dependencies
-        run: yarn bootstrap
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 6.15.1
 
-      - name: Init docs
-        run: cd docs && yarn
+      - name: Install dependencies
+        run: pnpm bootstrap
 
       - name: Fetch Crowdin token for pulling languages
-        run: yarn docs:crowdin
+        run: pnpm docs:crowdin
         env:
           CROWDIN_TOKEN: ${{secrets.CROWDIN_TOKEN}}
 
       - name: Pull Crowdin translations
-        run: cd docs && yarn crowdin download
+        run: cd docs && pnpx crowdin download
 
       - name: Generate common locale
-        run: yarn docs:gen-locale
+        run: pnpm docs:gen-locale
 
       - name: Build website
-        run: yarn docs:build
+        run: pnpm docs:build
         env:
           DOC_ENV: production
 
       # - name: Build Indices
-      #   run: yarn build:indices
+      #   run: pnpm build:indices
       #   env:
       #     ALGOLIA_KEY: ${{secrets.ALGOLIA_KEY}}
 

.github/workflows/preview-build.yml

@@ -18,20 +18,22 @@ jobs:
           node-version: '16'
           registry-url: https://registry.npmjs.com/
 
-      - name: Install dependencies
-        run: yarn bootstrap
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 6.15.1
 
-      - name: Init docs
-        run: cd docs && yarn
+      - name: Install dependencies
+        run: pnpm bootstrap
 
       - name: Generate common locale
-        run: yarn docs:gen-locale
+        run: pnpm docs:gen-locale
 
       - name: Build Element Plus
         run: sh scripts/build.sh
 
       - name: Build website
-        run: yarn docs:build
+        run: pnpm docs:build
         env:
           DOC_ENV: preview
 

.github/workflows/publish-npm.yml

@@ -13,12 +13,16 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: '14'
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 6.15.1
       - name: Install dependencies
-        run: yarn bootstrap
+        run: pnpm bootstrap
       - name: Lint
-        run: yarn lint
+        run: pnpm lint
       - name: Test
-        run: yarn test
+        run: pnpm test
 
   publish:
     needs: test
@@ -29,12 +33,16 @@ jobs:
         with:
           node-version: '14'
           registry-url: https://registry.npmjs.com/
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 6.15.1
       - name: Get version
         run: echo "TAG_VERSION=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV
       - name: Get git head
         run: echo "GIT_HEAD=${GITHUB_SHA}" >> $GITHUB_ENV
       - name: Gen npmrc
-        run: echo "//registry.npmjs.com/:_authToken=${{ secrets.NPM_PUBLISH_TOKEN }}" > ./.npmrc
+        run: echo "//registry.npmjs.com/:_authToken=${{ secrets.NPM_PUBLISH_TOKEN }}" >> ./.npmrc
       - name: Build&publish
         run: sh ./scripts/publish.sh
         env:

.github/workflows/staging-preview.yml

@@ -19,31 +19,33 @@ jobs:
         with:
           node-version: '16'
 
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 6.15.1
+
       - name: Install dependencies
-        run: yarn bootstrap
+        run: pnpm bootstrap
 
       - name: Compile Element Plus
         run: sh scripts/build.sh
 
-      - name: Init docs
-        run: cd docs && yarn
-
       - name: Init Crowdin token
-        run: yarn docs:crowdin
+        run: pnpm docs:crowdin
         env:
           CROWDIN_TOKEN: ${{secrets.CROWDIN_TOKEN}}
 
       - name: Upload source files
-        run: cd docs && yarn crowdin upload sources
+        run: cd docs && pnpx crowdin upload sources
 
       - name: Pull Crowdin translations
-        run: cd docs && yarn crowdin download
+        run: cd docs && pnpx crowdin download
 
       - name: Generate common locale
-        run: yarn docs:gen-locale
+        run: pnpm docs:gen-locale
 
       - name: Build website
-        run: yarn docs:build
+        run: pnpm docs:build
         env:
           DOC_ENV: staging
 

.github/workflows/unit-test.yml

@@ -16,14 +16,18 @@ jobs:
             node-name: 'Latest'
     steps:
       - uses: actions/checkout@v2
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 6.15.1
       - name: Setup node
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'yarn'
+          cache: 'pnpm'
       - name: Install dependencies
-        run: yarn bootstrap
+        run: pnpm bootstrap
       - name: Lint
-        run: yarn lint
+        run: pnpm lint
       - name: Test
-        run: yarn test
+        run: pnpm test

.gitignore

@@ -3,10 +3,7 @@
 
 # Package Manager
 node_modules
-lerna-debug.json
-lerna-debug.log
-yarn-debug.log*
-yarn-error.log*
+.pnpm-debug.log*
 
 # System
 .DS_Store

.npmrc

@@ -0,0 +1 @@
+shamefully-hoist = true

.nvmrc

@@ -0,0 +1 @@
+v16

.prettierignore

@@ -3,3 +3,4 @@ node_modules
 packages/*/es
 packages/*/lib
 coverage
+pnpm-lock.yaml

DEV_FAQ.md

@@ -5,12 +5,12 @@ Here are the problems that are easy to encounter in development.
 ## If you encounter dependency related issues
 
 ```bash
-yarn bootstrap
+pnpm bootstrap
 ```
 
 ## Test suite failed to run (jest)
 
-Can not run `yarn test xxx`
+Can not run `pnpm test xxx`
 
 ```bash
 rm -rf dist

README.md

@@ -77,17 +77,17 @@ You can find the breaking change list here: [Breaking Change List](https://githu
 With command
 
 ```bash
-$ yarn bootstrap
+$ pnpm bootstrap
 ```
 
-the project will install all dependencies and run `lerna bootstrap` to initialize the project
+the project will install all dependencies
 
 ## Website preview
 
 With command
 
 ```bash
-$ yarn docs:dev
+$ pnpm docs:dev
 ```
 
 the project will launch website for you to preview all existing component
@@ -97,7 +97,7 @@ the project will launch website for you to preview all existing component
 1. With command
 
 ```shell
-$ yarn dev
+$ pnpm dev
 ```
 
 will start the local development environment
@@ -132,7 +132,7 @@ Modify `play.vue` file per your needs to get things work.
 With command
 
 ```bash
-$ yarn gen component-name
+$ pnpm gen component-name
 ```
 
 Note the `component-name` must be in `kebab-case`, combining words by replacing each space with a dash.
@@ -142,7 +142,7 @@ Note the `component-name` must be in `kebab-case`, combining words by replacing
 With command
 
 ```bash
-yarn cz
+pnpm cz
 ```
 
 Example

build/components.ts

@@ -63,6 +63,7 @@ function pathsRewriter(id: string) {
 
 async function buildComponents() {
   const componentPaths = await getComponents()
+  const external = await getExternals({ full: false })
 
   const builds = componentPaths.map(
     async ({ path: p, name: componentName }) => {
@@ -72,7 +73,7 @@ async function buildComponents() {
       const rollupConfig = {
         input: entry,
         plugins,
-        external: getExternals({ full: false }),
+        external,
       }
       const bundle = await rollup.rollup(rollupConfig)
 

build/full-bundle.ts

@@ -30,7 +30,7 @@ import { getExternals } from './utils'
         'process.env.NODE_ENV': JSON.stringify('production'),
       }),
     ],
-    external: getExternals({ full: true }),
+    external: await getExternals({ full: true }),
   }
 
   console.log(chalk.cyan('Start generating full bundle'))

build/gen-dts.ts

@@ -45,6 +45,7 @@ const genVueTypes = async (
     'tests',
     'css',
     '.DS_Store',
+    'node_modules',
   ]
   const filePaths = globSync('**/*', {
     cwd: root,