1. webpack与gulp的区别 gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译，替代手工实现自动化工作。 webpack是前端构建工具，称为模块打包机，webpack支持模块化；构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便， ...
分类：
其他好文 时间：
2020-04-22 13:04:14
阅读次数：
68
两个步骤： ①先下载安装-D所需要的loader。 ②在webpack.config.js文件的modules节点下（如果没有就写一个），创建一个rules规则，这个规则是1个数据，然后在数组中添加，处理这种文件的匹配规则。 案例：比如说使用url-loader来处理图片路径 先写一个类名为box1 ...
分类：
其他好文 时间：
2020-04-22 11:38:29
阅读次数：
62
问题一：如何减少 Webpack 打包后的文件体积 按需加载 想必大家在开发 SPA 项目的时候，项目中都会存在十几甚至更多的路由页面。如果我们将这些页面全部打包进一个 JS 文件的话，虽然将多个请求合并了，但是同样也加载了很多并不需要的代码，耗费了更长的时间。那么为了首页能更快地呈现给用户，我们肯 ...
分类：
Web程序 时间：
2020-04-22 10:05:37
阅读次数：
88
问题一：如何减少 Webpack 打包时间 优化 Loader 对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。当然了，我们是有办法优化的。 首先 ...
分类：
Web程序 时间：
2020-04-22 09:43:21
阅读次数：
86
基于 vue-cli3 搭建的前端模板，fork 或 clone 本仓库，即可搭建完成一个新项目的基础模板，源码地址，欢迎 star 或 fork 特性 CSS 预编译语言：less Ajax: axios，做了一定的封装，详见 src/services/request.js SVG 雪碧图：采用 ...
分类：
其他好文 时间：
2020-04-21 09:19:05
阅读次数：
59
主题：本条博客主要围绕webpack提高构建效率，减少打包时间。 一、CDN引入 在项目中，平常会引入一些第三方依赖，类似于echarts、jquery。这样打包后的vendor.js非常大，可以将第三方库以cdn方式引入，也可以将资源下载到服务器引入。 1.webpack配置externals e ...
分类：
Web程序 时间：
2020-04-20 23:45:41
阅读次数：
141
X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架，只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具，致力于提升开发效率，减小开发难度。它可以让你在没有任何构建工具（例如 grunt 、 gulp 或 webpack 等工具）配置 ...
分类：
其他好文 时间：
2020-04-20 23:38:47
阅读次数：
71
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 在安装 Webpack 前，你本地环境需要支持 node.js。 由 ...
分类：
Web程序 时间：
2020-04-20 13:27:01
阅读次数：
55
1.安装nodejs 这个简单官网下载一个版本就ok了。 2.安装ruby ==注意下载带devkit的版本== 替换gem的镜像 3.WEBPACK的部署安装 4.在Ruby里安装jekyll ...
分类：
其他好文 时间：
2020-04-20 10:28:06
阅读次数：
78
今日目标 1.能够了解模块化的相关规范 2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为：Re ...
分类：
其他好文 时间：
2020-04-19 12:58:34
阅读次数：
49
