解决VUE项目发布时源码目录问题

最新推荐文章于 2024-08-13 17:41:15 发布
最新推荐文章于 2024-08-13 17:41:15 发布
阅读量462 收藏 1
点赞数
分类专栏： 前端 文章标签： vue webpack 源码目录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fishinhouse/article/details/89637740
版权

1、修改配置

├── config/
│   ├── index.js                # main project config

2、源码泄露，主要是webpack提供有Devtools开发工具，可以调试VUE项目。

module.exports = {
  dev: {
    
    productionSourceMap: false,
    devtool: 'false',

  },
  build: {

    productionSourceMap: false,
    devtool: 'false',
    
  }
}

webpack Devtool 官网

fishinhouse
关注
专栏目录
webpack 泄露 vue源码泄露_vue单页应用的内存泄露定位和修复问题小结_vue.js
weixin_35004618的博客
01-26 1813
在前端项目(PC端)中，内存泄露的定位往往比修复更加困难，即使google浏览器有提供Memory工具，但是面对成千上万的元素和错综复杂的引用关系，开发则依然很难快速定位到问题代码块。一、什么是内存泄漏？系统进程不再用到的内存，没有及时释放，就叫做内存泄漏(memory leak)。当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。Chrome限制了浏览器所能使用的内存极限(64位为，32位...
云E办Springboot+vue——前端项目完整版（含源码）
热门推荐
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
08-10 5万+
本项目基于Vue+Spring Boot构架一个前后端分离项目。前端使用社区非常活跃的开源框架vue进行构建。受疫情的影响，许多企业由线上办公转为线下办公。随着线上办公的人数的增多，线上办公的优点逐步凸显：通过实现工作流程的自动化、节省企业办公费用、实现绿色办公，同时提升办公效率。前端使用的技术有： Vue、Vue-cli、Vuex、VueRouter、ElementUI、Axios、ES6、Webpack、WebSocket、font-awesome、js-file-download、vue-chat 项
vue项目打包优化之-productionSourceMap设置
小韩要快乐！
04-01 1360
在 webpack 中，source map 文件是一种映射关系文件，可以将编译后的代码映射回原始源代码，方便开发者在调试时定位问题。来禁用生成 source map 文件，以减小打包后的文件体积，并提高项目的安全性。当然，如果需要在生产环境中进行调试或定位问题，也可以将。先看一下打包文件 dist目录下的js文件中有map文件 和 dist文件大小。在生产环境中，通常不建议暴露源代码的细节，因此可以通过置。，以生成相应的 source map 文件。配置文件中，可以通过以下方式配置。
vue-cli 中 配置 productionSourceMap 为 false 失效？
最新发布
weixin_45485922的博客
08-13 272
最近 发现 vuecli 构建的 项目中配置的 productionSourceMap 为 false 后 ，生产代码 还是能够看到 sourceMap 文件。生效前提条件 得设置 NODE_ENV 为 production 才会生效！
vue项目打包之后出现源代码的问题
小白菜的博客
07-16 1190
1、在config -> index.js //config -> index.js productionSourceMap:false, //将 productionSourceMap:ture 改为 productionSourceMap:false 2、vue cli3 及以上版本 在 根目录下的 vue.config.js //vue.config.js module.exports = { productionSourceMap: true } ...
vue项目打包后看到源码的问题
小楠子的博客
05-23 7474
本篇讲述vue项目打包后能看到所有源码的问题 以下截图是我们打包后部署发布的项目，源码被一览无遗。 解决以上问题只需要在config文件夹下的index.js文件中将productionSourceMap: true,改为productionSourceMap: false即可。 再重新打包进行发布即可得到如下效果： ...
vuejs2.0 封装通用组件，build生成js，并发布到npm
weixin_33878457的博客
11-21 826
网上看了一些文章，一般都是把封装好的.vue格式的文件发布到npm，感觉不太像一般组件的封装形式，故特意书写此文，希望能帮助到各位码友。 本文以封装一个分页组件为例，把它build生成目标js文件，pack生成压缩包测试，并发布到npm。项目初始化 封装vue的插件用webpack-simple很合适，vue init webpa...
Vue 学习笔记 - 解决VUE打包后F12能看到源代码的问题
灵台方寸山斜月三星洞
02-02 3281
网上很多文章都是抄来抄去 打开config下index.js文件，找到 productionSourceMap: true ，改为 false 即可。 但是当我如获至宝，准备来设置一下重新打包时。。。 我靠，我这根本没有config目录啊。关键字productionSourceMap在整个项目里也完全搜不到啊。 解决方案 原来用vue-cli3创建的项目没有config目录了。 现在配置都放在根目录的vue.config.js中。（如果没有的可以自己创建） 另外相应的属性名也变了，现在叫：productio
基于Vue+JavaScript的古籍文字检测与识别系统源码+项目说明.zip
09-21
基于Vue+JavaScript的古籍文字检测与识别系统源码+项目说明.zip 目前版本为 `v4.0+` 基于 `vue-cli` 进行构建 ## Build Setup ```bash # csdn下载项目 # 进入项目目录 cd vue-admin # 安装依赖 npm install # ...
毕业设计基于VUE的学生体测管理系统项目源码.zip
06-14
毕业设计基于VUE的学生体测管理系统项目源码，也可作为期末大作业。 老师 ry admin123 刘三国 123456 管理员 manager 123456 学生 20220102 123456 使用教程如下： # 进入项目目录 cd ruoyi-ui # 安装依赖 npm ...
VUE 项目发布到服务器——Webpack源码泄露
sunzq55的博客
12-01 4027
背景 正常通过 webpack 来打包 vue 项目,放到线上的项目是可以通过 F12 控制台的 source 来直接获取到前端项目源码，如图： 修复建议：在 config/index.js 中 build 下的 productionSourceMap: true, 改为 productionSourceMap: false 实际解决办法 在 vue-cli 中，关闭配置选项，如下图： 在配置文件vue.config.js中修改配置项productionSourceMap，如下： module
mars3d平台Vue3最简的项目模板源码
12-28
4. **项目结构**：模板中会包含基本的项目目录结构，如`src`目录下的`components`、`views`、`router`、`store`等，这些是Vue项目常见的组件、视图、路由和状态管理模块。 5. **配置文件**：如`vue.config.js`用于...
前端源码泄露漏洞-productionSourceMap配置
mao0523的博客
07-18 2993
前端源码泄露漏洞-productionSourceMap配置
Vue项目打包发布后，使浏览器WebPack中无法查看源码
weixin_48398799的博客
12-23 3034
vue项目打包发布后，可在chrome的Sources—> Page—> webpack中查看到项目源码 修改config/index.js中的 build对象productionSourceMap: false即可隐藏源码
快速解决 vue 项目 build 打包之后出现源代码的问题
一只奋斗的猪
09-30 4222
浏览器通过按F12 然后打开控制台，点击 Source ，再点击 webpack:// ，点击相应的 vue 文件，竟然发现了 vue 的代码竟然完全显示出来了，啊这。。。。好吧，有点坑了，而且官方的文档中也没有说（或许我自己太菜了）。 其实这样是为了方便前端程序员在正式环境调试用的，默认是开启的，在 vue 的学习官网没有过多的介绍，因为使用的是 vue-cli 进行打包，所以在 vue-cli 文档中有介绍，具体查看 https://cli.vuejs.org/zh/config/#productio
vueCli3中productionSourceMap设置为false，不生效，依然会有map文件生成的解决办法
qq_29456953的博客
10-23 1万+
vueCli3中productionSourceMap设置为false，不生效，依然会有map文件生成的解决办法 1.请首先检查 vue.config.js 文件中 productionSourceMap 配置 module.exports = { productionSourceMap:false, ... } 如果不行，请继续往下看 2.检查configureWebpack配置中的devtool选项 module.exports = { configureWebpack(c
vue 性能优化方案
超超的博客
08-14 9360
前端 vue 性能优化方案
productionSourceMap: false
weixin_34259232的博客
01-03 8710
vue项目打包优化：缩小体积productionSourceMap设置，使用cdn加速
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
02-21 5952
我们在执行 npm run build 生成线上文件的时候，其实调用了 vue-cli-service build这里面会提到一个配置项：productionSourceMapproductionSourceMap的作用在于定位问题，打包时会生成.map文件，在生产环境就可以在浏览器查看到输出的信息具体是在哪一行，但相应的包的体积也会变大，将其设置为false则不生成.map文件。自己的项目在开启productionSourceMap是打包后dist目录文件大小，约为20M左右。
Vue CLI3项目路径问题详解与解决
"Vue CLI3搭建的项目中路径相关问题的解决" 在Vue CLI3搭建的项目中，路径问题经常困扰开发者。这篇分享主要探讨了如何有效地处理这些路径问题，为开发者提供参考。Vue CLI3是一个强大的脚手架工具，用于快速初始化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值