公司里的vue2+webpack4项目,启动编译时间达到4分钟左右,启动完以后,改一行代码,重新编译的时间,也有达到10秒左右,我想优化一下项目,使用speed-measure-webpack-plugin这个插件,测速,启动时间暂时不管,我改了东西,重新编译,总感觉是不是有东西重复了,麻烦各位大神帮忙看看
有大神如果想看看是什么奇葩项目,启动时间这么久,也可以帮我一起看看,头大
你好,我很愿意帮助你提高 Vue2 + Webpack4 项目的编译效率。
首先,我们可以从以下几个方面来考虑优化:
exclude
来排除一些不需要处理的文件和文件夹。另外,你也可以考虑使用 splitChunks
来将代码拆分成多个块,这样可以减少每次编译时需要处理的代码量。hard-source-webpack-plugin
或 cache-loader
来缓存某些模块的编译结果。thread-loader
或 happypack
来将任务分配给多个进程处理。webpack-bundle-analyzer
来分析你的包,并找出最耗时的部分。希望这些建议能帮助你提高 Vue2 + Webpack4 项目的编译效率。如果你需要进一步的帮助,请随时提问。
如题,我现在想将我的一个vue2项目用webpack在生成模式下打包成lib,libraryTarget设置为umd,入口文件就是把我的所有业务组件分别导入然后通过export default导出,如果是普通打包的话,我知道生产模式下webpack4会默认启用tree-shaking相关配置,但是如果打包成lib的话还会进行tree-shaking吗我不太确定,有没有大佬解惑下~
下面是WebPack4配置代码: 新的配置代码从项目中使用的节点模块中获取所有代码。但我只希望拆分供应商库(我在enrtry配置部分定义),而不希望拆分node_modules中的所有代码。 在本例中:“babel-polyfill”,“react”,“react-dom”,“jquery”,“bootstrap”
本文向大家介绍webpack4+Vue搭建自己的Vue-cli项目过程分享,包括了webpack4+Vue搭建自己的Vue-cli项目过程分享的使用技巧和注意事项,需要的朋友参考一下 前言 对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛 最近在看webpack4,深感知识浅薄,这两天也一直在思考cli的配置,借助一些别人的实践,尝试自己搭建vue的项目,这里使用w
本文向大家介绍webpack4之SplitChunksPlugin使用指南,包括了webpack4之SplitChunksPlugin使用指南的使用技巧和注意事项,需要的朋友参考一下 写在前面 前面写了一篇有关webpack4的不完全升级指南以及在webpack3.x迁移的时候遇到的问题,有兴许可以看一下。 0. 参数介绍 先对参数有一个大概的认识,虽然撸了很多遍官方的更新文档,但是还是去参看了一
本文向大家介绍如何用webpack4带你实现一个vue的打包的项目,包括了如何用webpack4带你实现一个vue的打包的项目的使用技巧和注意事项,需要的朋友参考一下 一个用webpack4打包的vue 的项目,参照vue-cli的webpack配置, 一步一步带你实现一个vue的打包的项目,每一个commit对应一个步骤。 github 地址 clone project install 一、初始
本文向大家介绍webpack4.x CommonJS模块化浅析,包括了webpack4.x CommonJS模块化浅析的使用技巧和注意事项,需要的朋友参考一下 先看下webpack官方文档中对模块的描述: 在模块化编程中,开发者将程序分解成离散功能块(discrete chunks of functionality),并称之为模块。 每个模块具有比完整程序更小的接触面,使得校验、调试、测试轻而易举