现在交付的前端项目,文件都都是压缩混淆过的,压缩混淆代码,主要可以见效代码质量,压缩文件提交,再就是可以增加代码的安全性.因为尤其是近几年来,前端在项目中的权重越来越高,越来越多的逻辑代码都会写到前端部分,然后前端代码又必须借助于浏览器这个载体,才能将它的作用发挥出来,那么前端的代码安全也就越来越重要了,那么混淆压缩代码,就可以在一定程度上增加代码的安全性.

我们在使用Vue的时候,打包后发现css和js文件都对应的生成了map文件.有了map文件在调试代码的时候,可以为我们带来很大的便利,但是这些map文件的质量实在是太大了,大的让人难以接受,因为它已经远远超出了对应的css和js的代码质量了.所以在项目上线打包的时候从源头上控制不让生成map文件.

具体的配置方法如下:

vue-cli2.x:config目录下的index.js文件,默认是在59行,将productionSourceMap属性更改为false,或者直接将这个属性给注释掉.

//修改前
productionSourceMap: true,

//修改后
productionSourceMap: false,

 

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue