三个阶段 1. 加载阶段； （1） 减少关键资源的个数（合并文件，CSS精灵，base64、懒加载）； （2） 降低关键资源的大小（减少cookie的传输、开启gzip压缩、webpack打包压缩）； （3） 降低关键资源的RTT（往返延时）次数（DNS预解析、使用HTTP2、HTTP缓存、CDN、 ...
分类：
Web程序 时间：
2020-07-26 01:54:23
阅读次数：
102
【Vue组件文件打包：Vue-Loader】 复制之前上一个项目 然后在我们的src目录中创建App.vue文件 这个文件就是Vue的模块文件 【建议下载IDEA的Vue.js插件】 Vue的模块分为template、script、style 其实就是代表html + javascript + cs ...
分类：
Web程序 时间：
2020-07-26 00:57:22
阅读次数：
68
vue-cli 安装教程（转） vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 1.安装vue-cli ①使用npm（需要安装node环境）全局安装webp ...
分类：
其他好文 时间：
2020-07-26 00:46:56
阅读次数：
75
在前面的学习中，每次修改一次源代码，都需要经过一次webpack打包才能生效。因可以配置devServer，从而可以使修改的代码能立刻生效。一个简单的devServer配置如下 1 const path = require('path'); 2 const HtmlWebpackPlugin = r ...
分类：
Web程序 时间：
2020-07-25 09:47:38
阅读次数：
75
一、提取单独的css文件 前面学习的过程中，用css-loader和style-loader来处理css文件，是通过在html中创建style标签把css放进去的。为了能把css单独的打包成css文件，则不能用前面的方法。 需要用到mini-css-extract-plugin插件，去掉style- ...
分类：
Web程序 时间：
2020-07-25 09:34:44
阅读次数：
102
1.安装sass 依赖包 终端输入 npm install sass-loader --save-dev npm install node-sass --sava-dev 2.build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, ...
分类：
Web程序 时间：
2020-07-24 16:27:10
阅读次数：
96
模块化的 require 和 import的区别 ####区别 require是commonjs的规范，在node中实现的api，import是es的语法，由编译器处理。所以import可以做模块依赖的静态分析，配合webpack、rollup等可以做treeshaking。 commonjs导出的 ...
分类：
其他好文 时间：
2020-07-24 15:36:43
阅读次数：
62
在vue中使用elementui中的组件el-image引入相对路径图片报错的解决办法 原因：assets目录下的资源文件引入错误是因为在使用webpack打包的时候路径发生了变化，并且文件名也会改变 只有public文件夹下的文件是原样打包的不会改变 使用的时候通过require引入即可 <el- ...
分类：
其他好文 时间：
2020-07-23 23:01:15
阅读次数：
244
如何使用webpack构建多页面应用，这是一个我一直在想和解决的问题。网上也给出了很多的例子，很多想法。猛一看，觉得有那么点儿意思，但仔细看也就那样。 使用webpack这个构建工具，可以使我们少考虑很多的问题。 我们常见的单页面应用只有一个页面，它考虑问题，解决问题围绕着中心化去解决，因此很多麻烦 ...
分类：
Web程序 时间：
2020-07-23 19:02:18
阅读次数：
86
1.执行npm install nrm -g，安装nrm，此模块主要用于切换npm镜像源，简化手动配置步骤 2.执行 nrm ls，可以看到npm源地址列表，当前使用的是默认源，npm https://registry.npmjs.org/ 3.执行 nrm use taobao，将npm的源修改为 ...
分类：
Web程序 时间：
2020-07-23 16:01:11
阅读次数：
147
