vue.config.js的filenameHashing选项

最新推荐文章于 2024-10-02 13:53:38 发布
最新推荐文章于 2024-10-02 13:53:38 发布
阅读量7k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_10432/article/details/103757008

文件名hash是有一个默认为true的值，如果在配置文件vue.config.js中不写，则默认为true。
生成的代码如下，对js的文件引用都变成了hash之后的文件名，
在这里插入图片描述
在开发时，如果不想用文件夹hash，则指定此选项为false即可

在这里插入图片描述
vue.config.js

module.exports= {
filenameHashing:false,
}
vue.config.js配置文件
weixin_42551921的博客
01-23 1801
vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。 vue.config.js配置 配置选项 publicPath Type: string Default: ‘/’ 这个值也可以被设置为空字符串 (’’) 或是相对路径 (’./’)，这样所有的资源都会被链接为相对
Vue CLI 配置详解：publicPath、outputDir、assetsDir、indexPath、filenameHashing、configureW
api_git355的博客
09-23 1539
作为一个开发人员，了解 Vue CLI 的配置选项是非常重要的，因为它们可以帮助我们更好地控制项目的构建和输出结果。在本文中，我们将详细介绍几个常用的 Vue CLI 配置选项，包括：publicPath、outputDir、assetsDir、indexPath、filenameHashing、configureWebpack 和 productionSourceMap。如果你的项目中还没有该文件，可以在项目根目录下创建一个，并将配置选项以模块导出的方式进行配置。请注意，以上的示例代码都是在。
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
12-02
执行 npm run build 之后的 dist 目录的静态资源的文件名多会追加上 hash 值，比如: page1.f151b4d3.js 那如果不要 hash 呢，你只需要配置 vue.config.js 文件中的 filenameHashing 官方文档也提到了因为 html 也是我们通过插件生成的，静态资源直接就 inject 进去的，所以，当 html 不是自动生成或者其他情况时候，就不能加 hash 了，可以配置 false。 filenameHashing: false 我们看看源码实现： 首先它是 vue.config.js 的一个配置，在文件 cli-service/li
【Vue CLI】三、详解Vue-cli3配置之filenameHashing使用和源码设计使用和源码设计
qwertyuiopasdfghjklzxcvbnm
05-06 3440
执行 npm run build 之后的 dist 目录的静态资源的文件名多会追加上 hash 值，比如: page1.f151b4d3.js 那如果不要 hash 呢，你只需要配置 vue.config.js 文件中的 filenamehashing 官方文档也提到了因为 html 也是我们通过插件生成的，静态资源直接就 inject 进去的，所以，当 html 不是自动生成或者其他情况时候，就不能加 hash 了，可以配置 false。 filenamehashing: fa...
Vue CLI webpack配置属性——filenameHashing
xingchen678的博客
06-18 3105
filenameHashing Type: boolean Default: true 用途 设置打包生成的的静态资源的文件名中是否加入hash以便控制浏览器缓存问题。 用法 module.exports = { publicPath: './', // 基本路径 outputDir: 'dist', // 输出文件目录 assetsDir: './assets', indexPath: 'index.html', filenameHashing: true, // 生成的静态资
Vue CLI4.0 webpack配置属性——filenameHashing
Jay的博客
04-28 5997
filenameHashing Type: boolean Default: true 用途 设置打包生成的的静态资源的文件名中是否加入hash以便控制浏览器缓存问题。 用法 module.exports = { publicPath: './', // 基本路径 outputDir: 'dist', // 输出文件目录 assetsDir: './assets', index...
vue3.0的vue.config.js详解和完整配置
最新发布
qq_42755622的博客
10-02 3829
自定义打包后js文件的路径及文件名字。
vue.config.js常用配置详解
12-13
以上只是`vue.config.js`中的一部分配置，Vue CLI还提供了许多其他配置选项，如调整Webpack配置、添加自定义插件等，允许开发者对项目的构建过程进行深度定制，以满足特定需求。通过了解并熟练运用这些配置，可以更...
vue-cli3中vue.config.js配置教程详解
12-07
`vue.config.js` 文件就是用来进行这些自定义配置的地方。 在 `vue.config.js` 文件中，我们可以设置多个关键配置项来调整项目的行为。以下是一些重要的配置选项及其用途： 1. **publicPath**：这个选项用于设定...
vue.config.js 配置
web15870359587的博客
03-02 2667
vue.config.js配置项 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。 在根目录中创
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.config.js
qq_41988669的博客
08-21 2087
默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。例如，如果你的应用被部署在 https://www.my-app.com/my-app/, 则设置 publicPath 为 /my-app/。默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存。‘./’ : ‘/’这个会值也可以被设置为空字符串（”“）或是相对路径（”./"), 这样所有的资源都会被链接为相对路径，这样打出来的包可以被部署在任意路径。
去除：Vue项目打包后生成的.map文件&文件hash值命名
michiko98的博客
03-21 1553
文件中设置productionSourceMap和filenameHashing项为false即可。
ERROR Invalid options in vue.config.js: "filenameHashing" is not allowed
我有一个梦想的专栏
11-15 9460
最近使用vue作为前端开发的框架，前端开发完毕后需要使用vue cli3 编译成静态文件，编译的文件不需要hash,因此加入配置： module.exports = { baseUrl: BASE_URL, outputDir: 'dist', filenameHashing: false, chainWebpack: config => { config.plu...
vue项目部署配置（hash,history模式）
山谷里的杂货铺
11-22 917
1、history模式配置 vue.config.js router.js 2、hash模式
添加时间-项目 vue-config--hash解决线上包未更新
csstmg的博客
10-15 278
<title><%= htmlWebpackPlugin.options.title %></title> vue.config.js const path = require('path') const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin // const UglifyJsPlugin = require('uglifyjs-webpac..
Vue的 vue.config.js 配置
m0_69497411的博客
03-26 5736
是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被自动加载。也可以使用中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。
vue.config.js详细配置
L_R_H_的博客
07-22 3231
/ 使用 DefinePlugin 插件定义环境变量。
Vue-cli3.0配置教程：详细解析vue.config.js
在 vue-cli 3.0 中，`vue.config.js` 文件允许我们对项目的打包、开发服务器和构建过程等进行自定义配置。 - **publicPath**：指定打包后资源的基础URL。 - **outputDir**：指定输出目录。 - **assetsDir**：指定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值