vue.js3.2.20: 在打包时取消生成.map文件__js.map文件泄露

一, .map文件的作用:

项目打包完成后，代码经过压缩和加密，在运行时如果报错，则输出的错误信息无法准确显示是哪一行的代码在出错。

map的作用在于：和未加密的代码一样，

能准确的输出是哪一行哪一列在发生错误

可见map文件对于开发、测试环境是必需的，

但对于生产环境则不是必需，而且会带来安全问题

二，如何取消生成.map文件

1,查看默认生成的.map文件：

liuhongdi@lhdpc:/data/vue/ma$ ls dist/js
app.2ccbc51f.js  app.2ccbc51f.js.map  chunk-vendors.12a4462b.js  chunk-vendors.12a4462b.js.map

2，设置取消生成.map文件

创建vue.config.js

liuhongdi@lhdpc:/data/vue/ma$ vi vue.config.js

代码:

liuhongdi@lhdpc:/data/vue/ma$ more vue.config.js
module.exports = {
        productionSourceMap: process.env.NODE_ENV === 'production' ? false : true,
}

3，再次打包测试效果:

清空上次生成的打包文件

liuhongdi@lhdpc:/data/vue/ma$ rm -rf dist/*

再次打包

liuhongdi@lhdpc:/data/vue/ma$ npm run build

查看结果：

liuhongdi@lhdpc:/data/vue/ma$ ls dist/js
app.2ccbc51f.js  chunk-vendors.12a4462b.js

结果可见已没有.map文件生成

三，查看vue的版本:

liuhongdi@lhdpc:/data/vue/ma$ npm list vue
ma@0.1.0 /data/vue/ma
├─┬ @vue/cli-plugin-babel@4.5.14
│ └─┬ @vue/babel-preset-app@4.5.14
│   └── vue@3.2.20 deduped
├─┬ element-plus@1.1.0-beta.20
│ ├─┬ @vueuse/core@6.1.0
│ │ ├─┬ @vue/composition-api@1.2.4
│ │ │ └── vue@3.2.20 deduped invalid: ">= 2.5 < 3" from node_modules/@vue/composition-api
│ │ ├─┬ @vueuse/shared@6.1.0
│ │ │ └── vue@3.2.20 deduped invalid: ">= 2.5 < 3" from node_modules/@vue/composition-api
│ │ ├─┬ vue-demi@0.11.4
│ │ │ └── vue@3.2.20 deduped invalid: ">= 2.5 < 3" from node_modules/@vue/composition-api
│ │ └── vue@3.2.20 deduped
│ └── vue@3.2.20 deduped
└── vue@3.2.20

这里对linux下、sun(oracle) JDK的线程资源占用问题的查找步骤做一个小结； linux环境下，当发现java进程占用CPU资源很高，且又要想更进一步查出哪一个java线程占用了CPU资源时，按照以下步骤进行查找： (一)：通过【 top -p12377 -H】查看java进程的有哪些线程的运行情况；

推荐文章

低调的马克杯 · js 按钮穿透子布局和父布局点击拦截_子布局拦截点击事件

1 月前

骑白马的红茶 · iframe上的事件"load“成功触发，但iframe无法作为目标 -

1 月前

重感情的蛋挞 · 页面底部的iframe:避免自动滚动页面 -

1 月前

耍酷的人字拖 · js 如何监听浏览器关闭 -

1 月前

豪爽的水煮鱼 · 给我13个随机颜色的16进制字符 - CSDN文库

1 月前

悲伤的冰棍 · group by如何保留count为0的结果？_group by count 0-CSDN博客

4 月前

寂寞的日光灯 · laravel 对查询结果的二次筛选-CSDN博客

7 月前

爱旅游的荔枝 · Java中的split函数拆分后变成null的问题_51CTO博客_java中split()方法

1 年前

果断的石榴 · PostgreSQL UDF实现tsvector(全文检索), array(数组)多值字段与scalar(单值字段)类型的整合索引(类分区索引) - 单值与多值类型复合查询性能提速100倍+ 案例 (含，单值+多值列合成) - 墨天轮

1 年前