vue.js打包,vue前端如何打包,详解Vue项目的打包方式

vue.js打包,vue前端如何打包,详解Vue项目的打包方式

本文主要介绍Vue项目的包装方法,具有一定的参考价值。感兴趣的朋友可以参考一下,希望能给你带来帮助。

目录

一、相关配置(使用的工具是vue-cil)二、配置。使用的工具是webpack II。包装摘要

一、相关配置

情况一(使用的工具是 vue-cil)

如果项目是用vue-cli创建的,项目目录下没有config文件夹,需要我们自己建一个配置文件;在根目录src中创建vue.config.js文件。请注意,文件名必须是vue.config.js,然后将以下代码插入该文件:

//包配置文件

模块.导出={

资产目录:静态,

平行:假,

公共路径:“”。/,

};

结构如下:

情况二(使用的工具是 webpack)

如果您使用的是webpack,请直接在config:

assetsPublicPath:“”。/

结构如下:

二、打包

配置完成后,调出控制台,输入打包命令

npm run build

开始打包;

成功后会有如下提示;

并且在项目目录下会自动生成dist文件夹;

Dist文件夹是我们需要的包,然后放在服务器上进行部署。注意,打包后,无论项目有什么变化,都需要在

npm run build

重新打包。

总结

本文到此为止。希望能帮到你,也希望你能多关注我们的更多内容!

vue.js打包,vue前端如何打包,详解Vue项目的打包方式