根据 "webpack 官方 v.4.43.0" 的说法是 tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead code)。它依赖于 ES2015 模块语法的 静态结构 特性，例如 import 和 export。这个术语和概念实际上是由 E ...
分类：
其他好文 时间：
2020-05-17 13:28:22
阅读次数：
57
Vue cli webpack打包之后index.html缺少引号的问题 下面是通过webpack 打包之后生成的index.html文件，可以看到缺少引号 这里给出解决方案，亲测有效： 1. 找到 ，在 找到minify（可以ctrl+F搜索minify），直接将整块(也就是以下这块儿)删除 2. ...
分类：
Web程序 时间：
2020-05-17 01:20:11
阅读次数：
125
typscript是什么？ Typescript是一种基于静态类型检查的强类型语言 弱类型：javaScript是动态运行的弱类型语言，例如： var a=1; a='hello' 强类型 列如： let str: string = 'hello ts'; str=1下面会给你显示：不能将类型“99 ...
分类：
Web程序 时间：
2020-05-16 21:08:38
阅读次数：
180
1.项目目录结构 ├── build 构建相关配置文件 | |── index.js webpack的基础配置入口 ├── mock 项目mock 模拟数据 在后端没有提供接口的情况下可以拦截自己的数据进行开发 ├── public 静态资源 │ │── favicon.ico favicon图标 ...
分类：
其他好文 时间：
2020-05-16 16:50:32
阅读次数：
56
webpack打包速度优化 前言 Webpack打包优化并没有什么固定的模式，一般我们常见的就是 缓存 、 多进程 、 抽离 、 拆分 。 一、分析打包速度 优化webpack构建速度的第一步就是知道时间花费在哪里，才可以集中的进行针对性的优化。 这边我们用到 插件。 二、开销时间分析 如下是未优化 ...
分类：
Web程序 时间：
2020-05-16 10:47:26
阅读次数：
199
【html】 H5新特性 localStorage 【css】 css：水平居中和垂直居中 css样式 背景色渐变 图片和文字一行垂直居中显示 添加滚动条并统一修改样式 【js】 javaScript 中的类 js中时间相关转化 【webpack】 前端高级进阶N: 在前端中如何更好地优化打包资源 ...
分类：
Web程序 时间：
2020-05-15 21:49:38
阅读次数：
68
初级分析：使用webpack内置的stats 利用webpack内置的stats对象 它可以帮我们分析基本的一些信息，比如构建总共的时间，构建资源的大小 package.json 中使用 stats 指定输出的是一个json对象，生成一个json文件 node.js中使用 这两种方式颗粒度太粗，看不 ...
分类：
Web程序 时间：
2020-05-15 19:58:07
阅读次数：
58
安装包： npm install node-sass --save-dev npm install sass-loader --save-dev （sass-loader依赖于node-sass） 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: ...
分类：
其他好文 时间：
2020-05-15 15:55:23
阅读次数：
431
1. import import(/* webpackPrefetch: true,webpackChunkName: "yourFileName",webpackPreload: true */ 'LoginModal') import ( /* webpackChunkName: "yourFi ...
分类：
Web程序 时间：
2020-05-15 10:03:52
阅读次数：
88
https://www.jianshu.com/p/0246794ac0c3 https://segmentfault.com/a/1190000015715538 1.在每个样式中都是style.*中的形式比较麻烦，可以使用react-css-modules解决这种问题。例如在app.js中 2. ...
分类：
Web程序 时间：
2020-05-14 02:02:52
阅读次数：
266
