webpack启动服务 webpack起服务

webpack和webpack cli区别

cli 是 command line interface 即命令行界面。

webpack cli也就是webpack的命令行界面。可以通过在终端输入命令的方式配置，启动webpack

vite和webpack哪个好用

您好，Vite和Webpack都是非常流行的前端构建工具，它们各有优势，选择取决于你的需求和个人喜好。

Vite是一个新兴的构建工具，它专注于开发环境的快速启动和热模块重载。Vite使用ES模块作为默认的模块系统，可以直接在浏览器中运行原生ES模块，而无需将代码打包成一个文件。这使得开发者在开发过程中可以充分利用浏览器的缓存机制，加快开发过程中的热更新速度。另外，Vite还支持TypeScript、Vue、React等常见框架，并且具有零配置和快速启动的特点。

Webpack是一个功能强大的构建工具，它可以处理各种类型的文件，并且具有丰富的插件生态系统。Webpack可以将多个模块打包成一个或多个文件，可以通过代码分割和懒加载来优化性能。Webpack支持各种前端框架和库，并且可以通过配置文件进行高度定制。

总的来说，如果你对开发环境的快速启动和热更新非常看重，可以选择使用Vite。如果你需要处理复杂的构建需求，并且对配置和插件的定制有较高的需求，可以选择使用Webpack。最好根据具体的项目需求和个人偏好进行选择。

vue根目录是什么

vue根目录:

build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。

config 文件夹：主要存放配置文件，用于区分开发环境、线上环境的不同。 常用到此文件夹下 config.js 配置开发环境的 端口号、是否开启热加载 或者 设置生产环境的静态资源相对路径、是否开启gzip压缩、npm run build 命令打包生成静态资源的名称和路径等。

dist 文件夹：默认 npm run build 命令打包生成的静态资源文件，用于生产部署。

node_modules：存放npm命令下载的开发环境和生产环境的依赖包。

src: 存放项目源码及需要引用的资源文件。

src下assets：存放项目中需要用到的资源文件，css、js、images等。

src下componets：存放vue开发中一些公共组件：header.vue、footer.vue等。