vue2 + webpack 项目编译慢解决

最新推荐文章于 2023-11-16 15:33:02 发布

wang 木木

最新推荐文章于 2023-11-16 15:33:02 发布

阅读量922

点赞数 2

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_43188893/article/details/118481484

版权

Vue 路由懒加载 babel-plugin-dynamic-import-node 动态导入开发环境

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

解决方法：安装第三方插件【babel-plugin-dynamic-import-node】

npm install babel-plugin-dynamic-import-node --save-dev

配置 babel 文件

const res = {
  presets: [
    '@vue/app'
  ]
}
if (process.env.NODE_ENV === 'development') {
  res.env = {
    development: {
      plugins: ['dynamic-import-node']
    }
  }
}
module.exports = res

修改路由的引入方式

// 由于插件不支持 import 引入方式，会报错：the request of a dependency is an expression，故对引入方式进行修改
export const lazyComponent = (name, index = true) => () => Promise.resolve(require(`@/views/${name}${index ? '/index' : ''}.vue`))