摘要：概述： Rollup 是一个 JavaScript 模块打包工具，可以将多个小的代码片段编译为完整的库和应用。与传统的 CommonJS 和 AMD 这一类非标准化的解决方案不同，Rollup 使用的是 ES6 版本 Javascript 中的模块标准。新的 ES 模块可以让你自由、无缝地按需使用你 阅读全文

摘要：1、vite 中 HMR 热更新功能 目前来讲，vite的 hmr 热更新比较有局限性，它更适合.vue文件，因为.vue文件中的内容相对固定，下面采用的是 vanilla 下的typescript进行测试 // 需要对main.ts中的代码作相应的调整 import './style.css' i 阅读全文

摘要：1、使用vite创建项目 // 执行下面命令 yarn create vite 1、输入项目名称 2、选择项目框架（vanilla表示js原生项目，vue, react分别代表各自的框架） 2、使用vite构建vue2项目 vite自带的vue版本是vue3版本，那么需要创建vue2版本就需要依赖手 阅读全文

摘要：1、resolve规则（查找文件的规则） resolve: { extensions: ['.js', '.json', '.css', '.less', '.scss'], // 表示会依次按顺序进行匹配寻找文件 alias: { bootstrap: path.join( __dirname, 阅读全文

摘要：1、转义ES6/ES7/JSX 安装 npm i babel-loader @babel/core @babel/preset-env @babel/preset-react -D npm i @babel/plugin-transform-arrow-functions @babel/plugin 阅读全文

摘要：1、webpack入门 Entry： 入口，Webpack执行构建的第一步将从Entry开始，可抽象成输入 Module： 模块， 在Webpack里一切皆模块，一个模块对应着一个文件，Webpack会从配置的Entry开始递归找出所有依赖的模块 Chunk： 代码块， 一个Chunk由从个模块组合 阅读全文

摘要：webpack 是一个模块打包工具（前提要安装 node使用npm来安装webpack） 注意npm在安装的时候速度很慢，建议用淘宝镜像 //第一安装淘宝 npm install -g cnpm --registry=https://registry.npm.taobao.org //或者使用–re 阅读全文

摘要：1、安装babel-cli npm i babel-cli -D 2、实现npm的初始化 npm init -y 3、配置package.json { "name": "test", "version": "1.0.0", "description": "", "main": "index.js", 阅读全文