vue2打包npm build
时间: 2023-09-30 16:07:57 浏览: 53
以下是Vue2打包NPM Build的步骤:
1. 首先,确保你的项目中已经安装了Vue CLI。如果没有安装,可以通过以下命令在全局安装:
```
npm install -g @vue/cli
```
2. 接着,在项目目录下创建一个新的文件夹,例如"dist":
```
mkdir dist
```
3. 在package.json文件中,添加以下代码:
```
"scripts": {
"build": "vue-cli-service build --target lib --name my-library ./src/index.js"
}
```
这段代码的意思是,使用Vue CLI打包项目,目标是生成一个库文件,库的名字为"my-library",入口文件为"./src/index.js"。
4. 然后,在终端中执行以下命令,进行打包:
```
npm run build
```
5. 打包完成后,可以在"dist"文件夹中看到生成的库文件。
6. 最后,可以上传到npm仓库,供其他人使用。
以上就是Vue2打包NPM Build的步骤。
相关问题
vue npm run build
运行命令"npm run build"是用来对Vue项目进行打包的。当我们使用vue-cli脚手架完成一个项目后,可以通过命令行执行"npm run build"来将项目打包成静态文件,方便部署到互联网上或本地直接打开。打包后的文件会生成在项目根目录的dist文件夹中。需要注意的是,打包后的文件中的路径可能会有问题,需要手动修改路径指向根目录。打包后的项目文件可以通过打开dist文件夹中的index.html文件来查看。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* [从零开始搭建vue项目 (晋级篇) npm run dev npm run build](https://blog.csdn.net/zbl744949461/article/details/110039452)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *2* [vue打包(npm run build)](https://blog.csdn.net/weixin_43953710/article/details/86982128)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *3* [vue使用npm run build命令打包](https://blog.csdn.net/acuum86248/article/details/102015778)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]
vue3项目npm run build和npm run build-only的区别
vue3项目中,npm run build和npm run build-only都是用来打包生成最终用于部署的静态文件,但两者之间还是有一定区别的。
npm run build是执行一连串的构建任务,包括清除旧的生成文件、Lint代码规范、Webpack打包、图片压缩等操作,最终生成一个生产环境的最终版本的静态文件,可以被直接用于部署。这个任务会检查和修改代码并执行所有必要的编译和打包。它用于构建和发布最终生产版本的应用程序,当代码都准备好要部署时,建议使用。
npm run build-only相比于npm run build则更加单纯,只会执行Webpack打包的构建任务,生成最终版本的静态文件,由于没有其他的设备进行检查和修改,所以速度更快,但缺乏检查和压缩等功能。
因此,一般情况下,在开发过程中使用npm run build-only来快速生成构建后的文件,而在正式发布前则最好使用npm run build,以确保代码按照规范进行检查和压缩,生成更加适合部署的静态文件。