摘要：
我们判断类型一般会用 typeof，但是一般用于判断未经计算的操作数的类型，无法用于区分数组、正则等： typeof 123; // 'number' typeof true; // 'boolean' typeof a; // 'undefined' typeof true; // 'boolea 阅读全文
摘要：
只要记住webpack中一些基础点：loader是什么，entry是什么，module里面的rule该怎么去配置，plugin是什么等。 想去找解决某个问题方向的答案时，需要到GUIDES中找，比如我们想做代码分割，就去找Code Splitting这里面的内容，忘了typescript的内容，就去 阅读全文
摘要：
安装： npm install -g @vue/cli 新建项目： vue create webpack_vue 进入项目： 启动服务： npm run serve 打包项目： npm run build vue对webpack做了大量的封装，没有暴露出来webpack的配置信息，当我们需要修改we 阅读全文
摘要：
接下来我们要生成真正可以在浏览器中运行的代码： const makeDependenciesGraph=entry=>{ ... } const generateCode=entry=>{ const graph=JSON.stringify(makeDependenciesGraph(entry) 阅读全文
摘要：
之前我们分析出了分析文件(filename)的依赖和源代码，我们是对入口文件进行了分析，接下来我们要对整个工程进行分析： bundler.js: const fs=require('fs'); const path=require('path'); const parser=require('@ba 阅读全文
摘要：
为了简单理解webpack原理。 新建项目:webpack_bundler // 目录 src index.js message.js word.js bundler.js word.js: export const word='hello'; message.js: import {word} f 阅读全文
摘要：
当我们在做打包的时候，在某一些具体时刻，（如打包结束时生成一个html,使用HtmlWebpackPlugin；在打包之前，把dist目录清空，使用CleanWebpackPlugin）帮我们做一些事情。 1.初始化一个项目 2.新建plugins文件夹，下面新建copyright-webpack- 阅读全文
摘要：
当我们在源代码里面引入一个新的js、vue等文件的时候，可以借助loader去处理引用的文件 1.初始化一个项目：npm init -y 2.新建文件夹loaders，loaders下面新建文件（loader）：replaceLoader.js： // 不能写成箭头函数，否则this指向就会有问题 阅读全文
摘要：
1.跟上技术的迭代（node,webpack,yarn） 2.在尽可能少的模块上应用Loader 3.plugin尽可能精简并确保可靠 4.resolve参数合理配置： 有时候我们引入vue文件时不会跟上后缀，如 import Header from './header'; 实际上应该是 impor 阅读全文
摘要：
npm install react-router-dom --save react页面： import React, { Component } from 'react'; import ReactDom from 'react-dom'; import {BrowserRouter,Route} 阅读全文