减小文件搜索范围 配置 resolve.modules Webpack的resolve.modules配置模块库（即 node_modules）所在的位置，在 js 里出现 import 'vue' 这样不是相对、也不是绝对路径的写法时，会去 node_modules 目录下找。但是默认的配置 ...

转载： 《使用vue打包，vendor文件过大，或者是app.js文件很大》 ...

解决方案：使用externals引用第三方资源，防止element资源被打包到自己项目中，(总共修改3个页面index.html、webpack.base.conf.js、main.js) 1、修改index.html页面，再head中引入cdn。 2.修改 ...

webpack打包工具成为了前端开发中必备工具，曾经一度的面试题都是问，请问前端页面优化的方式有哪些？大家也是能够信手拈来的说出缓存、压缩文件、css雪碧图以及部署CDN等等各种方法，但是今天不一样了，可能你去面试问的就是，请问你是否知道webpack的打包原理，webpack的打包优化方法 ...

1.修改source-map配置：此配置能大大减少打包后文件体积。 　　a.首先修改 /config/index.js 文件:　　 　　// /config/index.js 　　dev环境：devtool: 'eval'（最快速度） 　　prod环境 ...

从三个插件开始 1、CommonsChunkPlugin commonsChunkPlugin 是webpack中的代码提取插件，可以分析代码中的引用关系然后根据所需的配置进行代码的提取到指定的文件中，常用的用法可以归为四类：（1）、提取node_modules中的模块到一个文件中 ...

根据项目需要，通过vue-cli中的npm run build 打包到不同的环境，例如测试环境，预发布环境，线上环境，根据process.env分别进行接口的调用 vue-cli 中build中build.js build中webpack ...

一、前言 最近一段时间在学习 Webpack 方面的知识。在学习的过程中主要配置的是 webpack.config.js 文件。 但是在 Vue-cli 3.x 下，已经对 Webpack 做了深度的封装，很多已经是默认配置了，在这里就针对这些深入了解下，并区别说明下。 二、量化、分析 ...