摘要：
Observer MVVM的理论，就不去赘述了。 以Vue中的Observer 数据劫持来说 其主要使用ES5中的Object.defineProperty(vue3.x中表示弃用Object.defineProperty使用更快的原生proxy) 去给对象的属性添加get和set，废话不多说上代码 阅读全文
摘要：
多页面应用-抽离公共模块 optimization: { splitChunks: { // 分割代码块（多页应用才会用到） cacheGroups: { //缓存组 common: { // 公共的模块 chunks: "initial", // 从开始处抽离，有多种配置，像异步模块什么的 min 阅读全文
摘要：
webpack自带优化 --1）tree shaking --2) scope hosting test.js let sum = () => { return 10; } let mmsum = () => { return 20; } export default { sum, mmsum } 阅读全文
摘要：
noParse --不解析模块中的依赖关系 提高打包效率 webpack.config.js module: { noParse: /jquery/, // 不解析模块中的依赖关系 提高打包效率 rules: [ { test: /\.js$/, use: { loader: 'babel-load 阅读全文
摘要：
webpack区分不同环境 --创建不同环境的配置文件 使用webpack-merge 合并webpack不同环境配置文件 通过npx webpack --config 相应环境配置文件 打包 或者配置package.json中的 scripts webpack.dev.js // webpack- 阅读全文
摘要：
watch用法 --实时打包 webpack.config.js watch: true, watchOptions: { // 监控 poll: 1000, // 每秒 1000次 aggregateTimeout: 500, // 防抖 ignored: /node_modules/ // 不需 阅读全文
摘要：
source-map 新建一个配置 在mode: 'production'下 报错提示 home.js console.log('index'); class Log { constructor() { console.lo(123); // 错误位置 } } let log = new Log() 阅读全文
摘要：
Webpack图片处理 index.js --分析3三种图片引入方法 前面2种方法对应 file-loader url-loader html中需要html-withimg-loader // webpack 打包图片 // 1. 在js创建图片引入 import img from './naugh 阅读全文
摘要：
输入url后，首先需要找到这个url域名的服务器ip,为了寻找这个ip，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存-》系统缓存-》路由器缓存，缓存中没有则查找系统的hosts文件中是否有记录，如果没有则查询DNS服务器，得到服务器的ip地址后，浏览器根据这个ip以及相应 阅读全文
摘要：
以jQuery的$为例 index.js // import $ from 'jquery'; // import $ from 'expose-loader?$!jquery'; 内联写法 // expose-loader 暴露 全局的loader normal 普通loader 内联loader 阅读全文