vue-cli 之优化热刷新

作者: tww844475003 分类: 前端开发 发布时间: 2021-05-22 20:20

babel-plugin-dynamic-import-node

.babelrc

{
  "plugins": ["dynamic-import-node"]
}

babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  env: {
    development: {
      plugins: [
        [
          "dynamic-import-node",
          {
            "noInterop": true
          }
        ]
      ]
    }
  }
}

可选项 noInterop

如果为true 则不会互换 require 调用。 有用的是避免使用require(’module’)。默认在 commonjs 模块上。
开发环境通过 babel 将异步 import() 转化为同步 require() 来增加热更新速度,生产环境继续使用 webpack 的import 机制。

前端开发那点事
微信公众号搜索“前端开发那点事”

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注