vue-fast-dev-server
10倍缩短您的vue dev server启动时间
安装
npm install vue-fast-dev-server --save-dev
vue.config.js
const path = require('path')
module.exports = {
devServer: {
before: require('vue-fast-dev-server/devServer')
},
configureWebpack: config => {
config.module.rules.push({
test: /\.js$/,
include: [
path.resolve(__dirname, 'src/router/modules')
],
loader: 'vue-fast-dev-server'
})
}
}
请把你的路由定义文件迁移至src/router/modules目录下
参考 iptop/vue-fast-dev-server-demo.
原理
让浏览器和 dev server 进行联动,没有访问到的路由就直接跳过编译,不管多大的项目都是秒开
性能提升
项目 | 加速前 | 加速后 |
---|---|---|
dev server 启动时间(带缓存) | 80S | 2S |
dev server 内存占用 | 1600MB | 200MB |
HRM响应速度 | 7.7S | 0.3S |