vue webpack
文章平均质量分 76
huang100qi
这个作者很懒,什么都没留下…
展开
-
前端异常捕获和定位
前言于前端而言,不管是开发还是生产阶段,异常的捕获和定位都是至关重要的。开发阶段,通过详细的报错信息,我们可以快速定位并解决问题。在生产,通过异常监控,根据异常埋点信息,我们可以第一时间知道异常信息,不至于造成严重后果。window.onerror全局监听异常来捕获借鉴下 MDN 的说明,当 JavaScript 运行时错误(包括语法错误)发生时候, wi...转载 2020-01-16 17:13:28 · 248 阅读 · 0 评论 -
webpack4.0入门以及使用
1. 安装webpack先新建一个文件夹(demos),然后npm init -y新建一个package.json然后在当前目录执行webpack命令webpack模块未发现或者未找到src文件,我们新建src文件夹(demos/src)mdkir src难道我们全局安装的webpack没用吗?最新官网出了一个常见的命令和一个参...转载 2019-08-07 21:46:17 · 152 阅读 · 0 评论 -
体积减少80%!释放webpack tree-shaking的真正潜力
在上周末广州举办的feday中,webpack的核心开发者Sean在介绍webpack插件系统原理时,隆重介绍了一个中国学生于Google夏令营,在导师Tobias带领下写的一个webpack插件,webpack-deep-scope-analysis-plugin,这个插件能够大大提高webpack tree-shaking的效率。tree-shaking目前的缺陷tree-shakin...转载 2018-09-04 00:55:05 · 2595 阅读 · 0 评论 -
vue&webpack多页面配置
前言最近由于项目需求,选择使用vue框架,webpack打包直接使用的vue-cli,因为需要多页面而vue-cli只有单页面,所以就决定修改vue-cli的配置文件来满足开发需求。html-webpack-plugin实现需求需要用到这个插件, 具体信息请看这里对于多页面入口我们需要在插件数组中多次声明该插件To generate more than one HTML file,...转载 2018-09-03 23:03:43 · 585 阅读 · 0 评论 -
axios中文文档
axios转自:https://www.jianshu.com/p/7a9fbcbb1114基于promise用于浏览器和node.js的http客户端特点支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造)安装npm安装$ npm install ...转载 2018-08-27 19:49:33 · 238 阅读 · 0 评论 -
webpack中require和import的区别
webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点,以及都在什么场景下使用。 commonjs同步语法经典的commonjs同步语法如下:v...转载 2018-06-05 14:48:36 · 588 阅读 · 0 评论 -
vue-cli + webpack 多页面实例应用
关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编程体验。关于vue-cliVue-cli是vue官方提供的一个命令行工具(vue-cli),可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启转载 2018-01-28 01:08:31 · 2442 阅读 · 0 评论 -
express.static 作用及用法
express相信是很多人用nodejs搭建服务器的首选框架,相关教程有很多,也教会了大家来如何使用。如果你想更深的了解他的细节,不妨和我一起来研究一下。先来看一个每个人都用到的方法app.use(express.static(__dirname+'/public'));你肯定在你的app文件中这么用过它: app.use(express.static(__dirname转载 2018-01-09 10:21:10 · 3098 阅读 · 0 评论 -
VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换,让人十分恶心。因此,我们有必要想办法解决这个问题。本文是 Vue2+VueRouter2+webpack 构建项目实战 的后续文章。理解本文内容,需要转载 2018-01-11 14:25:56 · 1083 阅读 · 0 评论 -
速开发一个vue插件并发布npm
转自:http://www.imooc.com/article/19691写在前面本次演示的是开发一个 vue手机虚拟支付键盘插件 主要讲解的是如何快速开发一个vue插件并发布到npm上源码地址所有代码都可以在我的GitHub vue-pay-keyboard 上查看,欢迎start..demo演示地址请用手机或者电脑仿真查看 vuepayboard关于转载 2017-12-20 18:48:40 · 781 阅读 · 0 评论 -
webpack中require和import的区别
我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过,webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点,以及都在什么场景下使用。转载 2017-09-22 10:23:19 · 1097 阅读 · 0 评论 -
优化 Vue 项目编译文件大小
与其说是优化 Vue,不如说主要是在 webpack 打包的配置中做些文章,使得 Vue 编译后的文件尽可能的小。以下介绍自己在项目中进行优化的过程,其中的内容也许并不适合于每个项目,但整体思路是差不多的。定位问题要想进行优化,首先我们得清楚问题所在。即:是哪些代码/依赖包导致最后的编译文件过大?这里,我们需要使用 webpack-bundle-analyzer 工具。原创 2017-09-13 00:12:26 · 4146 阅读 · 0 评论 -
webpack独立打包和缓存处理详解
本文将在上篇文章的基础上进一步讲解在使用webpack构建的项目中存在的优化方案与解决方法。上篇文章中写了一份webpack最基本的配置文件来打包压缩我们的代码:?123456789varpath = require('path');转载 2017-09-12 23:35:05 · 1542 阅读 · 0 评论