Vue打包文件名、默认文件名操作

最新推荐文章于 2024-04-21 23:19:43 发布
最新推荐文章于 2024-04-21 23:19:43 发布 · 1.1k 阅读 · 0
文章标签：

#vue.js #javascript #前端

本文指导如何在Vue项目配置中，通过修改config/index.js避免打包后的dist文件夹冲突，轻松重命名打包目录。

Vue打包文件名、默认文件名操作

问题：

因为我想在我的服务器上部署两个vue项目，但是vue打包后默认的项目名是dist，这样子就跟我上一个vue项目冲突了。

解决办法：
进入config ⇒ index.js，在build中将dist关键字改成其他名称即可。
在这里插入图片描述
需要的命名就可。

Vue项目的打包方式、生成dist文件夹、assetsPublicPath、publicPath、history、hash
优快云博客主页地址：https://mengjian.blog.youkuaiyun.com/
04-01 5982
Vue项目的打包方式、生成dist文件夹、assetsPublicPath、publicPath、history、hash
Vue项目打包部署到iis服务器的配置方法
10-16
Vue.js 是一个用于构建用户...在操作过程中，确保文件名和路径的正确性，避免因配置错误导致的访问失败。对于新手来说，详细地了解和实践IIS服务器与Vue项目的结合配置，是将本地开发环境迁移到生产环境的重要步骤。
vue.config.js项目配置
guoxuying的博客
07-04 938
这是一个有关vue.config.js的配置代码
VUE 项目打包 修改打包默认dist文件名称
weixin_56270315的博客
04-02 1066
修改vue打包 文件名
vue webpack打包名称设置
qq_15038747的博客
01-01 2524
第一步： 固定写法 component: import(/* webpackChunkName: "Home" */`@/components/Home`) 第二步： 固定写法： filename: utils.assetsPath('js/[name].js?v=[chunkhash]'), chunkFilename: utils.assetsPath('js/[nam...
Vue多环境打包配置，根据命令生成不同打包文件名
Web_chicken的博客
06-24 4333
2.使用env配置文件设置Axios的baseURL 3.配置scripts脚本运行命令模式 在package.json文件下的scripts对象中配置mode
vue--webpack打包工具
qq_43470725的博客
01-22 1110
作用： 由于一些浏览器不支持es6，所以出现了一个打包工具，将前端代码统一打包成es5 打包工具 npm install webpack -g 客户端 npm install webpack-cli -g 在package.json文件里面看到了： “webpack”: “^3.6.0” 版本和我们安装的不同，所以等会打包可能会打包不进去 使用webpack打包项目 创建一个包：vue-webpack-study 创建hello.js //暴露一个方法 exports.sayHi =
修改Vue打包后的默认文件名操作
11-20
本篇将详细介绍如何修改Vue打包后的默认文件名以及打包后的文件命名规则。 一、问题描述 当需要在同一服务器上部署两个或更多Vue项目时，由于Vue CLI默认将打包结果输出至`dist`目录，这可能导致不同项目之间文件...
vue-cli3中配置alias和打包加hash值操作
11-19
在Vue CLI 3的配置中，`filenameHashing: true`选项默认启用，它会为输出的文件名添加基于内容的hash值，但这并不总是足够。为了确保每个打包后的文件名都包含hash，你需要在`chainWebpack`中进一步配置`output....
vue打包后的哈希文件名
最新发布
01-04
### Vue 打包后生成的哈希文件名的作用 在开发过程中，浏览器可能会缓存静态资源文件（如JavaScript、CSS）。当这些文件更新时，如果文件名保持不变，旧版本可能仍然会被加载。通过在打包后的文件名中加入哈希值...
vue项目打包时按一定的名称规范生成对应的压缩包
baidu_39009276的博客
11-02 366
vue项目打包时按一定的名称规范生成对应的压缩包
vue 固定名称 打包时_vue webpack动态打包chunk名称问题
weixin_39676034的博客
02-05 2125
我们在使用vue新建项目时，其中在路由配置文件中看到了return import(/* webpackChunkName: "about" */ '../views/About.vue')这个注释，路由中webpack chunkName作用就是webpack在打包的时候，使用异步路由以及异步引入的库代码进行代码分割时(需要配置webpack的SplitChunkPlugin插件)，为分割后的代码...
vue打包后的文件名中含~（波浪线）替换成 -
笋笋的博客
07-13 645
修改配置： output: { filename: `js/[name].[hash:8].js`, chunkFilename: `js/[name].[hash:8].js` }, optimization: { splitChunks: { maxSize: 250000, automaticNameDelimiter: '-' } } 修改后： 可以看见~ 换成了 - ...
vue create 项目名字如何打包
KevinMiGuan的博客
08-18 1051
1.创建vue.config.js文件，代码如下： module.exports = { // 选项... publicPath: './', publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: 'dist', assetsDir: 'static' } //npm install -g @vue/cli-init 2.执行npm run build ...
vue 固定名称 打包时_Vue打包后出现的数字文件名是干嘛的？
weixin_33410880的博客
12-24 882
Asset Size Chunks Chunk Namesstatic/css/app.e0310bcdfcb96243e5c0d9d1a90597e8.css.map 386 kB [emitted]static/fonts/element-icons.6f0a763.ttf 11 kB [...
Vue_打包并发布项目
a792245795的博客
10-14 292
对当前vue项目进行打包的命令如下： npm run build 打包完成，会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件。
如何修改vue打包的名字_关于Vue项目如何打包成带有访问前缀URL（二级域名）的vue发布包及自定义打包包名（默认都是dist）的二三事...
weixin_39855568的博客
12-22 3056
由于vue项目使用的是vue-cli脚手架，在脚手架更新到3.7.0版本后，使用vue create指令生成项目时并没有显示集成webpack的选项和生成对应配置文件，这使得webpack直接内嵌进vue项目中，我们不再需要进行繁琐的配置，可以使用默认的配置就能满足基本的开发需求，那么当我们希望扩展配置以达成一些操作时，我们应该怎么去进行webpack的相关配置呢，那就是在vue.config.j...
vue修改默认打包dist文件名称
weixin_62321221的博客
03-18 1867
如果修改后不生效，那么找到config文件夹下的index.js文件，修改build中的两个属性，修改成你想要的名称。修改vue.config.js文件中的outputDir，改成你想要的名称。
vue2修改打包后默认名称
m0_46796399的博客
04-21 661
vue2修改打包后目录、名称
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值