
webpack
文章平均质量分 67
朽木·露琪亚
车到山前必有路,哪怕山前拆车卖轱辘。
展开
-
vue2+webpack+vue-router项目搭建--提升篇(添加eslint代码巡检)
提升篇-添加eslint代码巡检 江湖梦,梦江湖 每一块混进于码农界的‘水泥’都是一个侠客,快意恩仇、恣意纵横、笑傲江湖,能上九天揽月、能下五洋捉鳖…添加代码巡检(即代码校验,eslint、jslint、jshint等)有两种方式,一种是写shell脚本,一种是安装pre-commit库。 本项目中应用的是后者。安装流程(本次使用的是eslint校验)全局安装eslint,并且安装其他巡检包原创 2017-11-10 17:24:22 · 1062 阅读 · 0 评论 -
vue2+webpack+router项目构建(详细步骤)-- 基础搭建
vue2+webpack+router项目构建(详细步骤)– 基础搭建最近用vue做新项目,又重新把这个搭建过程捋了一遍,在这儿简单的记录下。这一篇主要介绍的是vue2+webpack+vue-router的基本配置,包括生成dll文件缓存、按需加载等等。基础篇创建项目创建项目文件夹:如,vue2-webpack初始化项目,生成package.json文件: npm init安装项目依赖(不原创 2017-11-06 11:22:50 · 654 阅读 · 0 评论 -
Webpack中hash与chunkhash的区别,以及js与css的hash指纹解耦方案
文件的hash指纹通常作为前端静态资源实现增量更新的方案之一,Webpack是目前最流行的开源编译工具之一,其强大的功能也带来很多坑(当然,大部分麻烦其实都可以在官方文档中找到答案)。比如,在Webpack编译输出文件的配置过程中,如果需要为文件加入hash指纹,Webpack提供了两个配置项可供使用:hash和chunkhash。那么两者有何区别呢?其各自典型的应用场景又是什么?本文结合笔者工作转载 2017-12-20 18:28:55 · 4142 阅读 · 0 评论 -
vue 组件异步加载(按需加载)
有时候打包出来的js文件过大,严重影响访问速度,这个时候我们就不得不考虑相关方法来提速,毕竟这可是会影响浏览量的。如果只是针对这个问题的话,我们可以考虑以下两方面:nignx开启gzip、缓存。文件再次拆分-异步加载下面就主要说以下vue组件异步加载的方法:(测试所用的webpack:^4.12.0)1.使用() => import()代码:打包:界面效果:2.使...原创 2018-11-05 20:42:27 · 18734 阅读 · 1 评论