Initialise a vue.js 3 project with webpack

One used to be able to initialise a vue.js 2 project with webpack using “vue init webpack client”. In vue.js 3 project, from my understanding, one needs to use “vue create” to create a new project. However, this does not initialise the project with webpack. I am not finding any example of a command replacing the one used in vue.js 2, which could be used to initialise a vue.js 3 project, but only manual steps.

Thank you. J

Answer

vue create scaffolds a Vue project that uses Webpack under the hood. Webpack is a build dependency of @vue/cli-service. You’ll see it listed when running npm list webpack from the root of your scaffolded project:

$ npm list webpack
[email protected] /Users/tony/src/tmp/vue3-proj
├─┬ @vue/[email protected]
│ ├─┬ [email protected]
│ │ └── [email protected] deduped
│ ├─┬ [email protected]
│ │ └── [email protected] deduped
│ ├─┬ [email protected]
│ │ └── [email protected] deduped
│ └─┬ [email protected]
│   └─┬ [email protected]
│     └── [email protected] deduped
├─┬ @vue/[email protected]
│ ├─┬ [email protected]
│ │ └── [email protected] deduped
│ └── [email protected] deduped
└─┬ @vue/[email protected]
  ├─┬ @intervolga/[email protected]
  │ └── [email protected] deduped
  ├─┬ @soda/[email protected]
  │ └── [email protected] deduped
  ├─┬ @vue/[email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ └── [email protected] deduped
  ├─┬ [email protected]
  │ ├─┬ [email protected]
  │ │ └── [email protected] deduped
  │ └── [email protected] deduped
  └── [email protected] deduped