2021年10月26日

typeScript学习---基础知识

摘要：第一章快速入门 0、TypeScript简介 TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。 TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。 TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相阅读全文

posted @ 2021-10-26 07:41 leiyanting 阅读(59) 评论(0) 推荐(0)

2021年10月25日

webpack学习---优化--单独打包第三方库

摘要：单独打包第三方库需要npm下载 add-asset-html-webpack-plugin 引入webpack(不需要下载),引入add-asset-html-webpack-plugin(需要下载) 使用dll技术，对某些库（第三方库：jquery、react、vue...）进行单独打包当你运阅读全文

posted @ 2021-10-25 08:23 leiyanting 阅读(626) 评论(0) 推荐(0)

webpack学习---优化--拒绝打包

摘要：拒绝打包,但是这样拒绝打包后(cdn链接方式引入)必须要在index.html中引入 const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.expor 阅读全文

posted @ 2021-10-25 08:20 leiyanting 阅读(45) 评论(0) 推荐(0)

webpack学习---优化--多线程打包js(多用于babel中)

摘要：多线程打包js,多用于babel中,可以加快打包速度 npm下载 thread-loader const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); c 阅读全文

posted @ 2021-10-25 08:18 leiyanting 阅读(167) 评论(0) 推荐(0)

webpack学习---优化--PWA渐进式网络开发应用程序(离线可访问技术)

摘要： PWA: 渐进式网络开发应用程序(离线可访问技术) npm下载workbox-webpack-plugin 1. eslint不认识 window、navigator全局变量解决：需要修改package.json中eslintConfig配置 "env": { "browser": true // 阅读全文

posted @ 2021-10-25 08:16 leiyanting 阅读(55) 评论(0) 推荐(0)

webpack学习---优化--js懒加载/预加载

摘要： js文件懒加载,在js中声明懒加载 console.log('index.js文件被加载了~'); // import { mul } from './test'; document.getElementById('btn').onclick = function () { // 懒加载~：当文件需阅读全文

posted @ 2021-10-25 08:14 leiyanting 阅读(126) 评论(0) 推荐(0)

webpack学习---优化-- js文件拆分(将合并的一个js分割成多个,并行加载)

摘要： js文件拆分,将打包后多个js合并的一个js分割成多个,并行加载 1. 多入口模式和splitChunks配合,可以将js拆分成多个,并且可以将node_modules中代码单独打包,公共的文件打包成单独一个chunk 2. 单入口模式和splitChunks配合,可以将node_modules中代阅读全文

posted @ 2021-10-25 08:12 leiyanting 阅读(2293) 评论(0) 推荐(0)

webpack学习---优化-- babel缓存(让第二次打包构建速度更快)

摘要： babel(解决js兼容性问题) cacheDirectory: true缓存让第二次打包构建速度更快缓存： babel缓存 cacheDirectory: true --> 让第二次打包构建速度更快文件资源缓存 hash: 每次wepack构建时会生成一个唯一的hash值。问题: 因为js和阅读全文

posted @ 2021-10-25 08:10 leiyanting 阅读(267) 评论(0) 推荐(0)

webpack学习---优化--oneOf(oneOf 以下loader只会匹配一个,不会一个文件被多个loader解析,加快编译速度)

摘要： oneOf 以下loader只会匹配一个不能有两个配置处理同一种类型文件 const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const Opti 阅读全文

posted @ 2021-10-25 08:07 leiyanting 阅读(148) 评论(0) 推荐(0)

2021年10月24日

webpack学习---优化--HMR热模块替换,能有效减少编译打包的时间

摘要： HMR热模块替换,能有效减少编译打包的时间 /* HMR: hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块）极大提升构建速度样式文件：可以使用HMR功能：因为style-loader内部实现了~ js文阅读全文

posted @ 2021-10-24 07:36 leiyanting 阅读(103) 评论(0) 推荐(0)

导航

2021年10月26日

2021年10月25日

2021年10月24日