详解Vue项目的打包方式
作者：前端小马 发布时间：2024-05-09 09:21:24
标签：Vue,项目,打包
一、相关配置
情况一（使用的工具是 vue-cil）
如果是用 vue-cli 创建的项目，则项目目录中没有 config 文件夹，所以我们需要自建一个配置文件；在根目录 src 下创建文件 vue.config.js，需注意文件名称必须是 vue.config.js，然后在文件中插入以下代码：
//打包配置文件
module.exports = {
assetsDir: 'static',
parallel: false,
publicPath: './',
};
结构如下：
情况二（使用的工具是 webpack）
如果使用的是 webpack，则直接在 config 中 index.js 文件下修改 webpack 配置：
assetsPublicPath: './'
结构如下：
二、打包
配置完成之后，调起控制台，输入打包命令 npm run build 开始打包；
成功后会有如下提示；
且会在项目目录自动生成 dist 文件夹；
dist 文件夹就是我们需要的包，随后放至服务器部署上线即可；需要注意打包之后无论在项目中做了何种修改，都需要 npm run build 重新打包。
来源：https://blog.csdn.net/weixin_53072519/article/details/122186102
0
投稿猜你喜欢
- python闭包关于闭包， 很多blog中都这样解释 ：对于一个嵌套定义的函数，外层的函数的返回值是内层函数，而在内层函数中又引用了外层函数
文件操作我们可以使用python来操作文件，比如读取文件内容、写入新的内容等，因为任何计算机文件的本质都是一些有不同后缀的字符组成的。pyt- 这篇文章主要介绍了基于js实现抽红包并分配代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可
- 这不仅仅是一个信息 * 的时代，也是一个服务 * 的时代。一切都是因为互联网，随着互联网技术的发展，信息的增多，服务的增多，用户需求的多样化。怎
- 由于下学期报了一个Python的入门课程所以寒假一直在自己摸索，毕竟到时候不能挂科，也是水水学分最近心血来潮打算试试爬一下百度翻译肝了一天终
- 昨晚在往MySQL数据库中插入一组数据时，出错了！数据库无情了给我报了个错误：ERROR 1365（22012）：Division by 0
- 又仔细看了一遍vuex的文档，还是云里雾里的，不过至少明白它是一个专门管理状态的，根据数据状态的改变可以驱动视图更新，既然是这样那至少登录注
- 本文实例讲述了Python处理XML格式数据的方法。分享给大家供大家参考，具体如下：这里的操作是基于Python3平台。在使用Python处
- 本文实例讲述了Python通过调用有道翻译api实现翻译功能。分享给大家供大家参考，具体如下：通过调用有道翻译的api,实现中译英、其他语言
- <div class=”A” style=”position:relative;”>A
- 通常情况下我们在更新数据时需要先从数据库里将原数据取出后放在内存里，然后编辑某些字段或属性，最后提交更新数据库。使用F方法则可以帮助我们避免
- 每种语言都有自己的独到之处，或奇特的语法，或不常见的函数，或非标准的执行方式。因此，不论新丁还是老手，看着某个特性会突然醉了。文中总结了10
- 死锁（Deadlock）所谓死锁：是指两个或两个以上的进程在执行过程中，因争夺资源而造成的一种互相等待的现象，若无外力作用，它们都将无法推进
- 一、爬虫的流程开始学习爬虫，我们必须了解爬虫的流程框架。在我看来爬虫的流程大概就是三步，即不论我们爬取的是什么数据，总是可以把爬虫的流程归纳
- 大家都知道JAVA里最流行的是MVC模型的编程方式，如果你不知道MVC的概念，可以去网上搜索下，应该会马上找到N多资料。PHP5推出之后，也
- pandas返回缺失值位置有的时候我们可能需要获取一些缺失值的信息，因此我们需要获取这些缺失值在DataFrame中的位置。假如我们的Dat
- 前言在遇到三维数据时，三维图像能给我们对数据带来更加深入地理解。python的matplotlib库就包含了丰富的三维绘图工具。1.创建三维
- mysql.sock到底存储了什么东西？mysql.sock作为mysql的套接字一般用于本地连接数据库，在速度上优于TCP/IP连接。一般
- 出现这个问题的原因不是'/xxx.frm'这个文件不见了，而是这些文件的权限(应该要是mysql)不知道为什么变成了root
- 读写文件首先看一个例子：f = open('thefile.txt','w') #以写方式打开，
