vue-webpack
文章平均质量分 83
迪迪归来仍少年
这个作者很懒,什么都没留下…
展开
-
Vue 插件(plugin)
插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制,一般有下面几种: 添加全局方法或者 property。如:vue-custom-element 添加全局资源:指令/过滤器/过渡等。如vue-touch 通过全局混入来添加一些组件选项。如vue-router 添加 Vue 实例方法,通过把它们添加到Vue.prototype上实现。 一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如vue-router 一、开发插件...原创 2021-11-23 15:42:15 · 7505 阅读 · 1 评论 -
Webpack之DllPlugin 和 DllReferencePlugin
一、什么是DllPlugin和DllReferencePlugin?webpack官网上是这么定义的通俗来说作用就是:DLLPlugin: 能把第三方库代码分离开,并且每次文件更改的时候,它只会打包该项目自身的代码。所以打包速度会更快。项目结构: 首先需要新建一个webpack.dll.config.js文件。webpack.dll.config.js作用是把所有的第三方库依赖打包到一个bundle的dll文件里面,还会生成一个名为 manifest...原创 2021-08-11 14:35:48 · 840 阅读 · 1 评论 -
Webpack 打包原理
一、什么是webpack?webpack是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个依赖图,此依赖图对应映射到项目所需的每个模块,并生成一个或多个bundle。主要功能:(1)打包:将多个文件打包成一个文件,减少服务器压力和下载带宽;(2)转换:将预编译语言转换成浏览器识别的语言;(3)优化:性能优化特点:(1)代码拆分webpack 有两种组织模块的依赖方式,同步、异步异步依赖将作为分割...转载 2021-08-03 17:00:51 · 612 阅读 · 0 评论 -
Vue 核心 虚拟DOM(Virtual DOM)
一、什么是虚拟DOM(Virtual DOM)?Virtual DOM 其实就是一棵以 JavaScript 对象( VNode 节点)作为基础的树,用对象属性来描述节点,实际上它只是一层对真实 DOM 的抽象。最终可以通过一系列操作使这棵树映射到真实环境上。简单来说,可以把Virtual DOM 理解为一个简单的JS对象,并且最少包含标签名( tag)、属性(attrs)和子元素对象( children)三个属性。不同的框架对这三个属性的命名会有点差别。...转载 2021-08-03 14:05:56 · 360 阅读 · 0 评论 -
vue/cli3 项目webpack优化
1.如何优化?首先要通过npm run build后打包的大小以及分析图确定每个模块文件所占的内存大小,从而针对每个模块具体的优化这里我借助webpack-bundle-analyzer插件:(1)cnpm install webpack-bundle-analyzer --save (2).vue.config.js里配置:(3)npm run build 后结果如图。2.优化点分析:(1)element-ui 按需引入,已达到减少非必须的组件等,压缩elem.原创 2021-04-18 17:27:16 · 439 阅读 · 0 评论 -
webpack 之 require.context
一.什么是require.context?官方文档上是这样描述的:简单来说,就是通过执行 require.context 函数获取一个特定的上下文, 返回一个 require 函数。格式:require.context(directory,includeSubdirs,filter)directory:要查找遍历的路径includeSubdirs:是否遍历子路径filter:匹配文件的正则规则二.什么时候要用?项目里我们根据不同的功能划分成不同的模块,我们可以在公共.原创 2021-03-19 17:49:32 · 202 阅读 · 0 评论