vue2项目webpack3.x打包文件分割优化加载 0. 项目目录和依赖信息1. 开启 gzip（建议）2. vue2项目配置懒加载（建议）3. 拆分 vendor 包注意：webpack3使用CommonsChunkPlugin实现 本文使用 3 种方案进行叠加优化 优先级按以下排序。 0. 项目目录和依赖信息 package.json 部分信息如下： {"s

一、预编译器less 1.基本原理  编写 css 时，受限于 css 语言本身，常常难以处理一些问题：  重复的样式值：例如常用颜色、常用尺寸；重复的代码段：例如绝对定位居中、清除浮动；重复的嵌套书写。 由于官方迟迟不对 css 语言本身做出改进，一些第三方机构开始想办法来解决这些问题，其中一种方案，便是预编译器。 预编译器的原理很简单，即使用一种更加优雅的方式来书写样式代码，通过一个

为提升老vue2项目的webpack编译速度， node_modules/webpack/node_modules/schema-utils/dist/validate.js:105throw new _ValidationError.default(errors, schema, configuration);^ValidationError: Invalid configuration ob

一、利用 webpack 拆分 css  要拆分 css ，就必须把 css 当成像 js 那样的模块；要把 css 当成模块，就必须有一个构建工具（ webpack ），它具备合并代码的能力。 而 webpack 本身只能读取 css 文件的内容、将其当作 JS 代码进行分析，因此，会导致错误。 于是，就必须有一个 loader ，能够将 css 代码转换为 js 代码。  1. css

https://www.tuicool.com/articles/eYbE3mf 要想让webpack为我所用，不仅要求我们在loader使用上得心应手，更离不开对plugins的熟练使用。 如果说把webpack比喻成一台豆浆机，我们需要一杯豆浆喝，我们要： 准备好原材料，好比我们的 entry 入口起点的处理；选择豆浆品种，好比我们在选择 loader 加载器；搅拌电机工作，好比

Webpack简介 Webpack 概述https://finget.github.io/2018/02/08/webpack/ 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这

node从14升级到16之后，项目就无法启动了，研究了webpack3升级5，研究好几个小时都无法启动，最后发现，微微升级几个版本就可以了。webpack还是3 版本改了好多个的，但是不确定具体是哪几个起作用的，管用就好 新版的依赖 "scripts": {"dev": "webpack-dev-server --inline --progress --config bui

升级 package.json 删除冗余依赖 "extract-text-webpack-plugin": "^3.0.2","vue-loader": "^13.0.5","vue-template-compiler": "^2.4.4","webpack": "^3.6.0","webpack-dev-server": "^2.9.1","webpack-glob-entry":