vue-cli 打包的项目您看这如何【优化】【缩小】打包后的体积？

1.组件内使用了
import 'video.js/dist/video-js.css'
import { videoPlayer } from 'vue-video-player'
import 'videojs-contrib-hls'

感觉打包后 video.js 有177K

bn.js是什么呢，怎么到处都是

vue-cli4 webpack 打包优化

阅读 2.9k

1 个回答

得票最新

不可能的是

2.3k189

发布于
2021-04-04

✓ 已被采纳

video.js用SplitChunksPlugin单独拆分成一个包？或者提前把min压缩后的代码放cdn上，直接在html引入

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

如何优雅地给多层嵌套的对象赋值？
假设有个对象非常多层，要给某一层进行赋值，那么需要一层层判断是否为空，有没有优雅的写法？示例 {代码...} 此时要给a对象的d属性赋值，就需要一层层判断非空才行... {代码...}
4 回答2.5k 阅读✓ 已解决
webpack reack 老项目升级输出报错？
webpack1.0 直接升到 webpack5.0 各种依赖冲突，已经根据报错提示一个一个慢慢升级完了。在1.0的时候虽然很慢，但是能运行起来的，所以业务逻辑代码肯定是没问题么也动过。现在升级完依赖，改完webpack配置 npm run start 项目启动报错如下：
2 回答1.5k 阅读✓ 已解决
webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？
webpack的splitchunk的cachegroup如果配置了的话，会和external冲突吗，比如引入了axios和lodash，在cachegroup里面配置了，然后同时在external里面配置，会优先取哪个呢
1 回答1.5k 阅读✓ 已解决
webpack 老项目升级，报错排查？
报错信息： {代码...} webpack 全文： {代码...} package.json 全文如下： {代码...} 且已经删除依赖包，清除缓存重新安装过了，.babelrc 配置如下： {代码...} 根据文心一言，chatGPT，通义千问来回改的就是这三个文件，但这个错误始终存在。。。。。请教大佬，到底是哪里的问题？
1 回答1.5k 阅读✓ 已解决
ERROR in ./src/data.yaml Module parse failed: Cannot parse JSON: Unable to parse.为啥报错？
[链接]ERROR in ./src/data.yamlModule parse failed: Cannot parse JSON: Unable to parse.跟着官网一步步撸还是有问题，看不懂是哪里出了错。
1 回答1.1k 阅读✓ 已解决
Webpack如何配置scss的模块化？
在学习webpack的过程中，想要使用style-loader，sass-loader与css-loader来配置一下css模块化的环境，但是当我开启了css-loader里面的modules为true时，可能是与style-loader存在冲突，发现无法正常使用模块化导入css资源，下面是webpack.config.js的配置
2 回答986 阅读
webpack optimization splitChunks切片后，应该如何配置package.json内的module？
webpack optimization splitChunks切片后，应该如何配置package.json内的module？
546 阅读

vue-cli 打包的项目您看这如何【优化】【缩小】打包后的体积？

你尚未登录，登录后可以

如何优雅地给多层嵌套的对象赋值？

webpack reack 老项目升级输出报错？

webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？

webpack 老项目升级，报错排查？

ERROR in ./src/data.yaml Module parse failed: Cannot parse JSON: Unable to parse.为啥报错？

Webpack如何配置scss的模块化？

webpack optimization splitChunks切片后，应该如何配置package.json内的module？