见嘉于世

摘要： 变量提升（Hoisting）是每一个 JS 开发人员都听说过的术语之一。当你在 Google 上搜索了烦人的错误并最终出现在 StackOverflow 上，那里的人告诉你此错误是由于提升引起的。所以，什么是提升？ 如果你是一个新手，你可能会遇到“怪异”的行为，其中某些变量是 undefined，或 阅读全文

摘要： 一、前言 上一篇讲到库的打包，本篇将介绍 TypeScript 的打包配置。 二、TS TypeScript 是 JavaScript 类型的超集，它能够被转换为普通的 JavaScript。为了在 webpack cli 中使用 ts，就需要安装特定的 loader 来“翻译” ts 语法。 2. 阅读全文

摘要： 记录配置 Webpack 时遇到的一个百思不得其解的报错：Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError 在看到这个问题以后，我第一时间去 reset.css 中查看语法是否有误；结果是 阅读全文

摘要： 一、前言 上一篇讲到代码分离，本篇将介绍库的打包。 Webpack 除了能够打包项目应用以外，还可以用来打包 JS 库。 当其他人安装了我们的库时，他们可能会在不同的环境中去引入，例如： import lib from 'lib'; // ESM const lib = require('lib') 阅读全文

摘要： 一、前言 上一篇讲到不同模式下的打包配置，本篇将介绍代码分离（Code Splitting）。 // index.js import _ from 'lodash'; let element = document.createElement('div'); element.innerHTML = _ 阅读全文

摘要： 如题，在研究 Webpack 时，这个问题也曾经困扰了我很久。 到目前为止，在我看来，这些术语可以这样理解： module：不同文件类型的模块。Webpack 就是用来对模块进行打包的工具，这些模块各种各样，比如：js 模块、css 模块、sass 模块、vue 模块等等不同文件类型的模块。这些文件 阅读全文

摘要： 今天打开 VSCode 准备撸代码，打开终端，结果发现原来配置的 bash 不能用了，只有 PowerShell 和 Command Prompt。这让人很不舒适，于是网上搜罗了一番了，可惜都是些陈芝麻烂谷子，没一个能用的。 原来我们是用的 "terminal.integrated.shell.wi 阅读全文

摘要： 一、前言 上一篇讲到 Tree Shaking 相关的内容，本篇将介绍在不同模式（或称环境）下的打包处理。 二、不同环境下的打包配置 1. 开发环境的配置 const path = require('path'); const HTMLWebpackPlugin = require('html-we 阅读全文

摘要： 一、前言 上一篇讲到对JS语法的处理，本篇将介绍 Tree Shaking 。 // math.js const add = (a, b) => a + b; const minus = (a, b) => a - b; export { add, minus } // main.js const 阅读全文

摘要： 一、前言 工作中遇到这么一个功能，拖动了一些节点，放置在一个数组 currentNodes 中，然后进行下一步的处理。 当对拖动的那些节点进行删除、复制、撤销、重置等操作时，currentNodes 必然发生一些改变，这些改变可以是： 1. 新节点的添加（新 ID 的加入） 2. 旧节点的更新（版本 阅读全文