webpack的安装

在Vue项目中，webpack一般是被自动安装进来的，是被以下三条命令中的那一条安装进来的？

命令1：npm install -g @vue/cli

命令2：vue create xxxx

命令3：npm run serve

Webpack是在执行第二条命令vue create xxxx时被安装进来的。当您使用Vue CLI创建项目时，它会自动为您配置和安装所需的依赖项，包括Webpack、babel-loader、CSS和图片加载器等。

执行第一条命令npm install -g @vue/cli是用于全局安装Vue CLI工具，而不是安装Webpack。

执行第三条命令npm run serve是用于启动开发服务器，以便在您本地环境中进行开发和测试Vue应用程序，并且不涉及Webpack的安装。

在非Vue项目中，有时webpack需要手动安装，比如在typescript项目中，使用如下命令安装：

npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin

• 共安装了7个包

  • webpack

    • 构建工具webpack

  • webpack-cli

    • webpack的命令行工具

  • webpack-dev-server

    • webpack的开发服务器

  • typescript

    • ts编译器

  • ts-loader

    • ts加载器，用于在webpack中编译ts文件

  • html-webpack-plugin

    • webpack中html插件，用来自动创建html文件

  • clean-webpack-plugin

    • webpack中的清除插件，每次构建都会先清除目录