+
95
-

vue-cli与webpack如何部署打包vue应用?

请问vue-cli与webpack如何部署打包vue应用?他们的打包命令有什么不同呢?

网友回复

+
15
-

部署打包 Vue 应用通常涉及使用 Vue CLI 构建项目并使用 webpack 打包生成的静态文件。以下是基本的步骤:

1. 使用 Vue CLI 构建项目

如果尚未安装 Vue CLI,请先安装它:

npm install -g @vue/cli

然后,在命令行中创建一个新的 Vue 项目:

vue create my-vue-app
cd my-vue-app
2. 开发与构建

在开发阶段,使用以下命令启动开发服务器:

npm run serve

这将启动一个开发服务器,并且你可以在浏览器中访问 http://localhost:8080(默认端口号可能有所不同),查看开发中的应用。

3. 打包应用

当应用准备好部署时,需要进行打包。使用以下命令来生成生产环境的静态文件:

npm run build

这个命令会使用 webpack 对项...

点击查看剩余70%

我知道答案,我要回答