vue热更新编译慢的解决方案（路由动态加载引起）

1，安装npm install babel-plugin-dynamic-import-node --save-dev

2，.babelrc文件修改

{
  "presets": [
	["env", {
	  "modules": false,
	  "targets": {
		"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
	  }
	}],
	"stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"],
  "env":{
	"development":{
	  "plugins":["dynamic-import-node"]
	}
  }
}

3，动态路由文件修改引入方式

component: () =>
	// import ('@/views/layout/components/TopView'),
	Promise.resolve(require('@/views/layout/components/TopView').default),

修改前首次运行

修改后首次运行

修改后保存代码