首页 > 作文

详解Vue项目的打包方式

更新时间:2023-04-04 09:43:07 阅读: 评论:0

一、相关配置

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

如果是用 vue-cli 创建的项目,则项目目录中没有 config 文件夹,所以我们需要自建一个配置文件;在根目录 销售实习日记src 下创建文件 vue.config.js,需注意文件名称必须是 vue.config.js,然后在文件中插见义勇为作文入以下代码:

//打包配置文件module.exports = {  astsdir: 'static',  parallel: fal,  publicpath: './',};

结构如下:

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

如果使用的是 webpack,则直接在 con写信英语作文fig 中 index.js 文件下修改 webpack 配置:

astspublicpath: './'

结构如下:

二、打包

配置完成之后,调起控制台,输入打包命令npm run bu肾虚食谱ild开始打包;

成功后会有如下提示;

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

dist 文件夹就是我们需要的包,随后放至服务器部署上线即可;需要注意打包之后无论在项目中做延绵了何种修改,都需要npm run build重新打包。

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注www.887551.com的更多内容!

本文发布于:2023-04-04 09:43:05,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/035d9586d040036153891eaa327ff2a6.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:详解Vue项目的打包方式.doc

本文 PDF 下载地址:详解Vue项目的打包方式.pdf

标签:项目   文件夹   文件   配置文件
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图