angular打包去掉map文件的方法

最新推荐文章于 2023-01-30 17:02:04 发布
最新推荐文章于 2023-01-30 17:02:04 发布
阅读量1.5k 收藏
点赞数
分类专栏： 前端 文章标签： angularjs
//
本文链接：https://blog.csdn.net/weixin_41727824/article/details/107712819
版权

只需要在script里面加上 --build-optimizer就行

  "scripts": {
    "hmr": "node --max_old_space_size=5120 ./node_modules/@angular/cli/bin/ng serve -c=hmr -o --proxy-config proxy.config.json",
  },

optimizer
这样的话,打包后就会好很多了

沈瀚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
找不到angular.min.js.map，究竟是什么？
xfxf996的博客
06-22 1603
When I load the page and check chrome console i find these errors: 当我加载页面并检查chrome控制台时，我发现这些错误： w
Angular 入门教程系列：41：使用source-map-explorer对构建结果进行分析
知行合一 止于至善
10-11 2681
在前面一篇文章中介绍了使用webpack-bundle-analyzer对构建结果大小进行分析的方法，这篇文章来介绍另外一种工具：source-map-explorer的使用方式。
打包后生成很大的.map文件的问题
汤玉鹏
10-12 1244
项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。而生成的.map后缀的文件，就可以像未加密的代码一样，准确的输出是哪一行哪一列有错可以通过设置来不生成该类文件。但是我们在生成环境是不需要.map文件的，所以可以在打包时不生成这些文件： 在config/index.js文件中，设置productionSourceMap: false,就可以不生成....
Vue打包后JS文件夹中出现一些map文件的解决方法(map.js文件移除掉
weixin_43738802的博客
05-06 2035
Vue打包后JS文件夹中出现一些map文件的解决方法(map.js文件移除掉) 1.在项目下进入目录：项目包/config/index.js 找到productionSourceMap /* Source Maps */ productionSourceMap: true, // 把这边的true改为false // https://webpack.js.org/configuration/devtool/#production devtool: '#source
webpack打包去除map文件及其他一些配置
weixin_30647065的博客
04-09 3367
一、vue-cli（3.x）搭建的项目，webpack（3.x）打包时，生成的map文件很大，目前又不知道是干嘛用的，所以就直接去掉了。 方法： 　　修改sourceMap配置成为false。 　　1：在build/webpack.prod.conf.js文件中找到webpackConfig对象中的sourceMap属性，发现里面配置的值是config.build.productionSou...
angular 7.2 调试库
theoffspring的专栏
07-27 346
默认angular不会生成map文件，所以无法调试库，需要进行如下设置才可以 angular.json相应的库文件配置部分，加上如下配置： "architect": { "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "sourceMap": { "scripts": true,
使用Angular CLI进行Build(构建)和Serve详解
08-27
4. **生产环境优化**：在生产环境中，Angular CLI会进行代码压缩（uglify）和tree-shaking，去除未使用的代码，进一步减小文件体积。 `ng build`命令用于构建项目，你可以通过`--help`查看详细选项。默认情况下，...
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解.docx
01-13
`gulp-sourcemaps`生成SourceMap以便于调试，`gulp-strip-debug`去除打印语句，以及`gulp-inject`自动插入引用到HTML文件。 3. **配置Gulpfile.js**：创建`gulpfile.js`，在这个文件中定义各种任务，比如压缩HTML、...
前端开源库-bundl-pack
08-29
2. **代码压缩**：为了进一步减小文件大小，bundl-pack 支持代码压缩，如去除空格、换行和注释，以及变量名混淆等，以达到最佳的加载性能。 3. **tree-shaking**：这是一种优化技术，通过消除未使用的代码来减少包...
浅谈webpack 构建性能优化策略小结
08-27
通过启用`mode: 'production'`和`optimization.minimize: true`，启用ES6模块的Tree Shaking，去除未使用的代码，减小输出文件大小。 6. **提取CSS**： 使用`mini-css-extract-plugin`将CSS提取到单独的文件中，...
Angular 備忘(1) 項目打包小技巧,刪除特定文件夾,壓縮指定檔案
unstoppableRex的博客
06-29 313
原由是因為build prod後，會再將./dist的內容壓縮成gzip，方便不再需要自行對每個檔案獨立壓縮，於是如果build prod兩次以上的時候,前一次的檔案是沒有刪除的,導致重覆的檔案保留在gzipped文件夾裏面,對於上傳新項目的時候不是很方便且容易出錯,所以萌生了打包的過程中需要先刪除再建立壓縮檔案這樣的需求,並且發現普通的window command是不行的,所以查了一下,需要安裝特定的npm包 首先先來安裝包 npm i rimraf 再來就是項目中的package.json進行修改 "
去除.map文件
公z号：职场爱学习
06-18 3325
.map文件作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。而.map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。 去除掉的原因：打包过后.map文件过大，为了减轻项目的大小。 去除.map的好处是： （1）提升 build速度， （2）深度保护源码（不轻易被恶意盗取代码） –修改config/index.js文件，默认为true productionSourceMap: false ...
react打包去掉.map文件
Cool的博客
12-12 5773
map文件是帮助我们查看报错的位置的。   map文件由devtool属性控制，如果不想要map，注释掉就可以，大约webpack.config.prod.js第57行；      
react项目打包时关闭source-map产生的.map文件
Beamon__的博客
01-30 1343
react项目打包时关闭source-map产生的.map文件
Angular11(Cli) 在打包 ng build 后的常见问题处理方案
热门推荐
沐枫
04-21 1万+
前言： 我自认为，到目前为止 Angular 框架始终保持着前端框架领域中的龙头老大位置，虽然在前端框架领域中有很出色的React.js和易上手的Vue.js框架。 从使用以上3个框架的情况来看，我个人更喜欢Angular，尤其是在支持使用TyptScript以后，当然React和Vue都有，而且各个框架都有自己的特色，所以在选择时要根据项目大小、需求等方面来选择合适的前端框架，这里就不多说了...
Vue打包后出现一些map文件的解决方法
有问题可关注公众号：前端研究院 后台输入问题回复
06-01 3791
Vue打包后出现一些map文件的解决办法： 问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？ 1，运行 cnpm run build 开始打包 2，会在项目目录下自动创建dist目录，打包好的文件都在其中 解决办法：去src/config/index.js中改一个参数： productionSourceMap:false 把...
nodejs（13）：使用 ant-design-pro-vue 修改配置文件打包 ，去掉sourceMap，保证代码安全
freewebsys的专栏
03-21 8563
前言 本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/88703898 未经博主允许不得转载。 博主地址是：http://blog.csdn.net/freewebsys 1，关于ant-design-pro-vue ant-design-pro-vue是我喜欢的前端项目 非常不错。 项目地址： https://github...
屏幕录制组件(vue) recordrtc
手动滑稽你爸爸
07-31 6924
更新vue录制组件 <template> <div class="container"> <section class="item"> <span class="type-name">文件名称:</span> <input type="text" v-model.trim="fileName"/> <span>.mp4</span> </section
在angular中.map方法的作用
最新发布
04-20
.map方法的作用是对数组中的每个元素应用给定的函数，并返回一个新的数组，其中每个元素都是原始数组对应位置上的元素执行给定函数的结果。在Angular中，.map方法可以用于对从后台获取到的数据进行过滤、排序、截取等操作，以便将数据转换为在应用程序中适合使用的形式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值