生产/开发 环境
生产环境 便于开发 求方便
开发环境 便于部署 求小体积
小项目 : 用环境名 if (evn===proudtion){} else{}
大项目 : dev (merge common) , prod (merge common) 三个文件 通过script指令 run dev 和 run build --config 不同的配置文件。****
开发环境 :
1 公共变量
2 treeShank 打包的时候去除冗余 不是一个组件 是一套方案 用于在打包的时候简化代码。一般脚手架内置 (一个模块一个函数 ,加了之后 一个函数 多个模块)
模块合并的同式(同类型小模块 ) 也需要模块分割(大文件)codeSpliting (多入口打包 +动态导入)
先归纳再分割....()
多入口打包 一个入口一个bluid.
动态加载 import 动实现 一个 单页面路由一个包(用hash import () then(()=>{}));多页一个页面一个包
css 按需导入 则是 用插件实现的。但是看情况文件小没必要。还得压缩
魔法注释 为了打在同一个包
文件hash 因为 服务器缓存 ,每次新打包 这些 hash 值就变了 。就可以跟新。 file hash ;chunk hash (好) ;name hash ----
标签:文件,hash,入门,环境,笔记,webpack,入口,模块,打包 From: https://www.cnblogs.com/xiaozu75/p/18100904