本文主要介绍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
重新打包。总结
本文到此为止。希望能帮到你,也希望你能多关注我们的更多内容!