@vue/cli 4.4.1 去掉静态资源文件打包时的hash值

最新推荐文章于 2024-02-07 11:05:00 发布
最新推荐文章于 2024-02-07 11:05:00 发布
阅读量3.7k 收藏 5
点赞数 3
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24822951/article/details/107063386
版权

vue vcil4 打包时去掉文件版本号；@vue/cli 4.4.1 打包去掉版本号；vue build时去掉 js css 版本号；vue cli4 去除打包后静态资源文件名中的hash值

在做项目时由于一些原因需要把vue集成到springboot 下启动，于是打包vue项目后放到resources 下使用时，发现静态文件无法加载，原因是因为，这些静态文件名如下，导致后端的静态文件解析无法读取，于是决定去掉这个hash值
在这在里插入图片描述

module.exports = {
   
  publicPath: './', // 基本路径
  outputDir
最低0.47元/天 解锁文章
ZGQ_C
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Vue CLI4.x如何打包到指定文件夹，及静态资源打包到static文件夹
江小鱼的博客
05-08 6850
被这个问题所困，闲着没事想着看看文档。。。顿时恍然大悟   可以使用vue.config.js配置大多数你可能会用到的配置。建议直接参考官方文档/(ㄒoㄒ)/~~。   附上Vue CLI配置参考地址https://cli.vuejs.org/zh/config/ 注意 好了，下面进入正题。   这是我暂时用到的一些配置 module.exports = { //基本路径 public...
Vue官方脚手架工具@vue/cli入门
01-08
什么是脚手架工具？ 其实就是用来快速搭建项目的工具。 使用@vue/cli 全局安装@vue/cli npm install @vue/cli -g 全局安装完成之后，提供了一个 vue 的命令。...静态资源文件夹。（这里存放的是不需要被构
vuecli2 vuecli3去除打包后静态资源文件名的hash值
qq_39537116的博客
04-02 2970
vuecli2: 修改vue项目根目录下的 build/webpack.prod.conf.js文件==》 js模块： output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'),==》utils.assetsPath('js/[name].js?t=...
【2023-7-25】vue项目打包文件去除hash串
lookingForw_4585的博客
07-25 712
将打包后dist目录下的js/css文件名称中的hash串去除
vue项目打包时如何去除文件的hash值？
徐同保的专栏
02-07 820
vue项目打包时如何去除文件的hash值？
vue cli3.x webpack去掉 打包自动生成的js、css文件hash版本号
superKM的博客
10-09 1万+
vue cli3打包默认生成文件会自带随机hash值 如果想要去掉中间的版本控制 首先先在根目录配置好vue.config.js文件 在vue.config.js文件中 module.exports = { // webpack配置 chainWebpack: config => { if (process.env.NODE_ENV === 'p...
vue中给打包的文件指定自定义文件名以及加上哈希值解决每次打包上线存在缓存问题
在无知中学习，在学习中成长，在成长中学习
11-02 6192
vue中给打包的文件指定自定义文件名以及加上哈希值解决每次打包上线存在缓存问题
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
我的host设置 报错如下： 解决办法： @Vue/Cli 3 在vue.config.js里加上 .disableHostCheck(true) vue-cli 在webpack.dev.conf.js里加上 devServer: { disableHostCheck: true } 最后
Vue-cli配置打包文件本地使用的教程图解
10-18
主要介绍了Vue-cli配置打包文件本地使用的教程图解,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
使用@vue/cli脚手架vue create创建
最新发布
04-10
使用@vue/cli脚手架vue create创建
基于Vue-cli快速搭建项目的完整步骤
12-09
在使用vue-cli时，首先需要安装nodejs，npm，其次需全局安装vue和vue-cli 　1、nodejs和npm安装方法详见：https://www.jb51.net/article/90518.htm 　2、npm install -g vue 　3、npm install -g vue-cli 二、vue-...
vue打包静态文件名称不加hash值和不修改文件夹结构
qq_38206656的博客
01-07 4776
vue打包静态文件名称不加hash值和不修改文件夹结构的解决办法
js修改id的值_去除jvue打包后产生的随机hash值
weixin_39987926的博客
11-23 296
有使用VUE的朋友，可能会遇到这么一个问题，就是在打包时，每次打包生成的JS或CSS，都是类似于这样的app.c65cb38e0a4424f4ac5c39097194b26a.css在app后面加了一个随机值。这个应该是为了防止你在更新服务器时可以去除缓存。这是有好处的，但有时候也会遇到麻烦，比如我最近在做SEO的预渲染。我的预渲染比较特殊，是预渲染+服务器渲染的结合。大家都知道，预渲染这种方式只...
vite配置打包后的文件不要hash码
xrj1093431145的博客
12-17 4145
vite.config.ts 文件 import vue from '@vitejs/plugin-vue' const path = require('path') // vite.config.js # or vite.config.ts module.exports = { plugins: [vue()], "resolve.alias": { // 键必须以斜线开始和结束 '/@/': path.resolve(__dirname, './src
VUE 打包删除文件、图片的HASH码
轻风细雨_林木木
12-05 2160
VUE BUILD打包 删除文件名随机 HASH码 的方法 前言：vue打包的时候默认是会加hash加密的，很多时候不能这样，今天就遇到一个需求不要hash加密，很久没弄了就记录一下。 步骤： 首先进入：进入项目-》build -》webpack.prod.conf.js 找到 filename: utils.assetsPath('js/[name].[chunkhash].js'), 和 filename: utils.assetsPath('css/[name].[contenthash].css'
去除：Vue项目打包后生成的.map文件&文件hash值命名
qq_38969618的博客
12-21 1505
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicPath: './', // 需注意是相对路径，不然dist打包访问后就会出现空白问题。 productionSourceMap: false, // 去除Vue打包后js目录下生成的一些.ma
vue webpack打包后静态资源文件名hash值去除
热门推荐
吴名氏的博客
09-23 4万+
转载地址：https://blog.csdn.net/qq_36497461/article/details/89852181
Vue打包（build）时删除文件名随机码（hash码）的方法
益添的博客
05-09 6878
在我们使用 “npm run build” 打包Vue时，会发现文件的js和css等文件前，都会有一段随机码（hash码），给部署时带来一定的困扰 前端打包出来的效果： 打包放到后端，放多几次后，会发现有好几个文件： 虽然在index.html中，会自动生成好是加载哪些文件，但终究还是有的繁琐。 原因就是打包时Vue会给文件加上一段哈希码，用来校验文件的，可是实际使用时我们又不会怎么用到。 解决方法： 找到项目中的build/webpack.prod.conf.js 在图示位置中，
npm install -g @vue/cli @vue/cli-init和npm install -g @dcloudio/uni-cli这两条命令的作用
05-27
这两条命令的作用分别如下： 1. `npm install -g @vue/cli @vue/cli-init`：这条命令会全局安装 Vue CLI 和 Vue CLI 初始化器。Vue CLI 是一个官方提供的脚手架工具，用于快速创建 Vue.js 项目，并提供了一些常用的插件和配置选项。而 Vue CLI 初始化器是用于创建基于 Vue CLI 的项目模板的工具。 2. `npm install -g @dcloudio/uni-cli`：这条命令会全局安装 uni-app 的命令行工具 uni-cli。uni-app 是一个基于 Vue.js 的跨平台应用开发框架，可以一次编写，多端运行，uni-cli 则提供了一些命令行工具，用于辅助开发和构建 uni-app 项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值