摘要：
// ()对正则进行分组 // \s匹配空字符 // \S匹配非空字符 const REG = /<script>([\s\S]+?)<\/script>/; /** * @description: 自定义loader * @param {*} source 获取到的文件内容 * @return { 阅读全文
摘要：
webpack.config.js是webpack的默认配置文件，webpack依赖CJS，所以这个文件的模块导出应该是CJS 快速开始 npm init 初始化项目 创建 src/index.js 创建 public/index.html 创建 webpack.config.js，并填入配置 执行 阅读全文
摘要：
npm诞生背景 集中管理所有模块，所有模块都上传到仓库（registry） 模块内创建package.json标注模块的基本信息 通过npm publish发布模块，上传到仓库（registry） 通过npm install安装模块到node_modules目录内 npm解决的核心问题是模块管理问题 阅读全文
摘要：
配置rollup插件 rollup-plugin-node-resolve 用途：解决依赖安装问题，让node支持ESM规范 @babel/node与@babel/core 用途： 支持在node中使用ES6，使用后将es6代码转换为es5代码，需要全局安装 tree-shaking机制 使用exp 阅读全文
摘要：
需要注意以下几个点： package.json中： main：要指向打包文件入口 files：要上传到npm的路径 npm link的过程中报错，删除依赖，再通过npm link进行安装，安装的过程中，会与依赖进行映射 阅读全文
摘要：
什么叫做模块化？ 将JS进行拆分，从script引入，到引入entry.js，entry作为入口，引入各个模块 CJS规范 简介 nodejs默认的模块化规范是，每个文件就是一个模块，有自己的作用域 node中CJS模块加载采用同步加载方式 通过require加载模块，通过exports或modul 阅读全文
摘要：
为什么我们要装node，npm，webpack？ 因为工程化工具都是在nodejs中运行 前端工程化解决什么问题？ 前端开发效率，开发规范，访问性能等 传统前端开发中经常遇到的问题 js全局作用域冲突 编码规范问题 资源合并和压缩问题 高版本js语法降级 阅读全文
摘要：
webpack偏向于应用的打包 rollup偏向于js类库的打包 roullup.js默认采用ES模块标准，我们可以通过rollup-plugin-commonjs插件使之支持commonJS标准 安装rollup.js： npm i rollup -g 通过rollup指令打包 rollup sr 阅读全文
摘要：
作用 类似于一个语法转换器，将所有语法转换为ES5语法，它本身只管语法的转化，不管api，不管模块。 因此，babel经常与打包工具配合使用。 通过babel命令将文件转换为ES5文件 npx babel src/index.js 配置 我们可以通过对.babelrc对babel进行配置，babel 阅读全文
摘要：
概念 很多系列，例如line（折线图），bar（柱状图），scatter（散点图），hearmap（热力图）等等，需要运行在“坐标系”上。坐标系用于布局这些图，以及显示数据的刻度等等。 echarts中支持的坐标系 直角坐标系 极坐标系 地理坐标系（GEO） 单轴坐标系 日历坐标系 一个坐标系，可能 阅读全文