1. 文件不随编译变化 文件hash不使用[hash]，而使用[chunkhash]，使得文件只随着内容变化，不随着编译变化，[hash]是每次编译都变化一次 2. css文件不受js模块变化影响 css文件hash使用contenthash，这样不受js模块变化影响 3. 提取vendor 公共库 ...
分类：
Web程序 时间：
2020-03-29 22:43:28
阅读次数：
239
注：本文重点不是怎样配置webpack.config.js并实现相应的功能，而是通过对比webpack编译前和编译后文件，探究webpack打包后的文件是怎样加载执行的。本文讨论commonJS模块化方案时，webpack的打包工作。为了便于讨论，我们准备了一个非常简单的例子，涉及三个文件，分别是 ...
分类：
Web程序 时间：
2020-03-29 19:33:26
阅读次数：
93
1、前提约束 完成nodejs，vue cli，webpack，webpack dev server的安装 https://www.jianshu.com/p/eb4d9e132f62 提供一个后台api可以完成文件上传 https://www.jianshu.com/p/2262beb31378 ...
分类：
其他好文 时间：
2020-03-29 18:10:48
阅读次数：
82
webpack基本概念 1. webpack中的module，chunk 和 bundle module 就是一个js模块，就是被require或export的模块，例如 ES模块，commonjs模块，AMD模块chunk 是 代码块，是进行依赖分析的时候，代码分割出来的代码块，包括一个或多个mo ...
分类：
Web程序 时间：
2020-03-29 01:23:50
阅读次数：
335
cli2文件路径别名 build webpack.base.conf.js 不管文件在哪个目录下都可以这么写： 注意：img的路径则需要在前面加~ ...
分类：
其他好文 时间：
2020-03-28 21:52:25
阅读次数：
155
config/index.js proxyTable 解决前端跨域问题。 build webpack配置文件 node_modules 依赖包 package.json 安装哪些项目包 static 存放一些静态文件 src main.js 项目的入口文件 assets 一些静态文件 compoen ...
分类：
其他好文 时间：
2020-03-28 21:38:53
阅读次数：
91
序言 安装Node 配置npm 配置npm在安装全局模块时的路径和缓存cache的路径 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘 ...
分类：
Web程序 时间：
2020-03-28 13:14:08
阅读次数：
86
plugin机制是webpack中另一个核心概念，它基于事件流框架tapable，通过plugin（插件）webpack可以实现loader所不能完成的复杂功能，使用plugin丰富的自定义API以及生命周期事件，可以控制webpack编译流程的每个环节，实现对webpack的自定义功能扩展。 首先 ...
分类：
Web程序 时间：
2020-03-27 21:30:05
阅读次数：
157
项目简介 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试 ...
分类：
其他好文 时间：
2020-03-27 12:41:45
阅读次数：
82
最近准备开发一款 web app，是前后端并行开发的场景，因此需要 mock 一些数据，但是 vue 官网上发现没有跑在webpack上的例子。 案例数据来自网上。 一、安装 vue 脚手架并初始化 webpack 项目 //全局安装 vue-cli npm install vue-cli -g / ...
分类：
Web程序 时间：
2020-03-27 01:08:05
阅读次数：
148
