一.webpack常见名词解析 chunk代码块的类型 webpack的配置入口文件entry是chunk 可以理解为entry chunk 入口文件以及它的依赖文件通过代码分割出来的也是chunk 称作children chunk 通过CommonsChunkPlugin创建出来的文件 也是chu ...
分类：
Web程序 时间：
2020-06-03 00:31:38
阅读次数：
173
首先执行命令： npm install -g @vue/cli-init // 安装完后 才可使用 vue init 命令 vue init webpack mypro // 给vue-cli添加webpack 可以看到创建的vue脚手架中包含以下 build 和 config 目录： webpac ...
分类：
Web程序 时间：
2020-06-02 16:08:20
阅读次数：
270
转自 https://www.cnblogs.com/liyunfei0103/p/10183620.html 生成的目录结构如下 文件夹： build -- webpack相关配置文件，一般情况下不需要自己配置 config -- vue基本配置文件，可配置端口号，打包输出等 node_modul ...
分类：
其他好文 时间：
2020-06-02 11:24:19
阅读次数：
128
1.安装vue-cil npm install --global vue-cli 2. 创建一个基于 webpack 模板的新项目 【vue init webpack my-project】 my-project（项目文件夹名） 3.进入文件项目目录执行 npm install 加载依赖项 4.运行 ...
分类：
其他好文 时间：
2020-06-02 11:14:38
阅读次数：
119
路由懒加载能够提高页面的加载速度，不过使用也得看场合。有时候需要懒加载，提升首页加载速度，一般是页面层级较为复杂的时候。大家看一下不加代码分割浏览器加载的文件。 这里蓝色部分是webpack自动分割出来的，当修改业务js时候manifest和vendor是不会改变的，浏览器直接在缓存中提取。 会变的 ...
分类：
其他好文 时间：
2020-06-02 11:12:52
阅读次数：
65
webpack代码分割 webpack 可以帮助我们将代码分成不同的逻辑块，在需要的时候加载这些代码。使用 require.ensure() 来拆分代码require.ensure() 是一种使用 CommonJS 的形式来异步加载模块的策略。在代码中通过 require.ensure([<file ...
分类：
Web程序 时间：
2020-06-02 11:12:22
阅读次数：
80
webpack性能优化： 优化开发体验 优化输出质量 优化开发体验： 提升效率 优化构建速度‘ 优化使用体验 优化输出质量： 优化要发布到线上的代码，减少用户能感知到的加载时间 提升代码性能，性能好，执行越快 缩小文件范围： 优化loader配置：test、include、exclude三个配置项来 ...
分类：
Web程序 时间：
2020-06-02 00:06:23
阅读次数：
101
Vue 新增不参与打包的接口地址配置文件 by:授客 QQ：1033553122 开发环境 Win 10 Vue 2.5.2 问题描述 vue工程项目，npm run build webpack方式打包，每次打包后如果需要更改后台接口地址（项目中，接口地址设置成变量，存放在js文件中，需要用到的地方 ...
分类：
其他好文 时间：
2020-05-31 23:18:30
阅读次数：
149
前端开发需要了解的工具集合：webpack, eslint, prettier, ... 前端开发需要了解的一些工具，这些工具能够帮助你在项目开发中事半功倍。 1. nrm: npm registry 管理器 registry: npm 远程仓库的地址。 由于众所周知的原因，npm 官方仓库在国内特 ...
分类：
Web程序 时间：
2020-05-31 21:50:47
阅读次数：
111
webpack tapable webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是tapable，核心原理是依赖于发布订阅模式; tapable注册函数的方法有三种：tap、tapAsync、tapPromise 相对应的执行方法也有三种：call、c ...
分类：
Web程序 时间：
2020-05-31 20:03:12
阅读次数：
74
