一、前言 vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+webpack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将…

webpack本身自带切割代码（code splitting）的功能，脚本按需加载，简单好用 用法如下： require.ensure(["module-a", "module-b"], function(require…

前言 最近新起了一个多页项目，之前都未使用 webpack4，于是准备上手实践一下。这篇文章主要就是一些配置介绍，对于正准备使用 webpack4 的同学，可以做一些参考。 webpack4 相比之前的 2 与 3，改变…

webpack.optimize.CommonsChunkPlugin插件用于抽取模块中的复用部份，以削减打包的代码量，我们还须要斟酌到缓存的优化 首先是文件名包括文件的hash值，只需在文件有更改时hash值才会变 其…

一劳永逸的搞定 flex 布局 – 掘金寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，…

背景 目前的webpack的版本是 2.2.1，而webpack目前的最新版本已经更新到了4.39.3 直接需求 前端页面比较卡顿 原因1 文件都是采用的require的按需加载的模式，点击到大文件的时候，加载时间较长。…

因为业务的需要界面需要实现分页的功能，所以我就研究了一下如何利用mint-ui自带的loadmore组件实现上拉加载更多功能。 首先在文件中引入组件 import {Indicator, Loadmore} from '…

webpack做文件兼并 运用构建东西异常常常使用一个功用就是兼并js和css文件，gulp和grunt都是编写响应的使命来完成，转到webpack倏忽懵逼了，简朴的项目怎么做文件兼并呢？实在只需把多个js文件同时引入到…

更新时间：2019-01-11 版本信息：CRA v2.1.1 + Webpack v4.19.1 + react-app-rewired v1.6.2 一、前言 为什么要进行多页面配置 在使用 React 进行开发的过…

webpack-dev-server 一个轻量级的node.js express 服务器 安装错误处理 已经安装了 webpack-dev-server，但还是报错：@multi main or Cannot resol…

online demo https://jeromehan.github.io/w… 基于webpack搭建纯静态页面型前端工程解决方案模板 按需加载模块，按需进行懒加载，在实际用到某些模块的时候再增量更新 …

在开发中，我们经常都是直接使用vue-cli脚手架来创建工程然后都是直接打包。但是有些场景我们需要修改html.index模板文件。有人会问什么情况下需要？有些场景是我们在加载vue文件的时候会等待一段时间的，比如做了权…