在Vue项目中，为了解决开发环境和部署环境的差异，可以采用分别使用两个入口文件的优雅解决方案。具体来说，可以按照以下几个步骤进行操作：1、创建两个入口文件，分别用于开发环境和生产环境2、将相应代码拷贝到对应的入口文件中，并删除原始入口文件3、配置打包时的入口文件。通过这种方式，可以有效解决开发环境和
Nodejs 20 次浏览
针对白屏时间过长的问题，分析并优化了项目中使用的animate.css、mint-ui和图片加载，并通过webpack优化和打包分析进一步提升了打包效率。优化后，线上测试速度得到显著提升。
Webpack 25 次浏览
引入webpack配置并启用按需加载 修改Vue入口文件，配置按需加载的组件 按需加载的组件需通过webpack中的resolve.alias配置别名，映射到正确的路径
Webpack 21 次浏览
详细阐述了在Vue项目中，如何通过Webpack实现常规打包优化。从多个维度出发，提供了具体的优化方法和技巧，帮助开发者减少打包体积，提高构建效率。通过的学习，读者能够掌握Webpack的优化技巧，提升Vue项目的性能表现。
Webpack 22 次浏览
⼀、代码优化1.使⽤keep-alive缓存不活动的组件keep-alive是⼀个抽象组件：它⾃⾝不会渲染⼀个元素，也不会出现在⽗组件链中；使⽤keep-alive包裹动态组件时，会缓存不活动的组件实例，⽽不是销毁它们。定义缓存⽩名单，keep-alive会缓存命中的组件；exclude定义缓存⿊名
Javascript 26 次浏览
针对 Vue 项目中资源加载时间过长的问题，可以利用 CDN 加速进行优化。具体步骤如下： 安装 webpack-bundle-analyzer:bashnpm install webpack-bundle-analyzer --save-dev 修改 webpack 配置文件:在 buil
Webpack 22 次浏览
在优化Vue项目的编译文件大小时，主要的策略是针对webpack打包配置进行调整，以便减少编译后的文件体积。以下是一些关键的优化方法：定位问题：使用webpack-bundle-analyzer工具来分析编译后的文件大小。通过在package.json中添加新的命令，例如"analyze": "NO
Webpack 23 次浏览
问题单页面应用的一个问题就是首页加载东西过多，加载时间过长。特别在移动端，单页面应用的首屏加载优化更是绕不开的话题。下面我会写出我在项目中做的一些优化，希望大家能够相互讨论，共同进步。我的项目vue-cli3构建的，vue+vue-router+vuex，UI框架选用element-ui，ajax方
Webpack 20 次浏览
将 config 目录中的 productionSourceMap 设为 false，减少打包文件体积约 80%。 在 build 目录中的 webpack.prod.conf.js 中，设置 HtmlWebpackPlugin 插件的 hash 选项为 true，实现打包文件版本控制。
Webpack 24 次浏览
基于xlsx、xlsx-style框架改进，支持自定义样式、导出合并单元格 适用非分页场景，适用于table导出 主要方法：_export_table_to_excel()，在ExportExcel.js中
Javascript 20 次浏览