关于VScode vue路由懒加载链接过多，本地开发热更新过慢的

在router文件下面创立两个js文件，分别为_import_development.js和_import_production.js,如图：

image.png

_import_development.js里面的内容为

module.exports = file => require('@/views/' + file + '.vue').default

_import_production.js里面的内容为

module.exports = file => () => import('@/views/' + file + '.vue')

index.jsli里面稍作改造，这边举一个例子

const _import = require('./_import_' + process.env.NODE_ENV);

export const routers = [
    {
        path: '/',
        name: 'login',
        meta: { 
            title: '登录'
        },
        component: _import('login')
    },
]

ps 我设置上面三个之后就启动没问题 如果还不行试试下面的操作：

这样当你本地 执行命令 npm run dev的时候，

process.env.NODE_ENV === 'development'

你可以在config文件下面的dev.env.js里面进行设置

var merge = require('webpack-merge')
var prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  ENV_CONFIG: '"dev"',
  BASE_API: '"https://api-dev"'
})

或者在package.json里面的scripts选项中书写命令

"scripts": {
    "build": "cross-env NODE_ENV=production node build/build.js",
  },