require 为何时灵时不灵

__resourceQuery 是 Webpack 中的常量。

这样是可以的：

const hotClient = require('webpack-hot-middleware/client' + __resourceQuery)

而这样是不行的：

const hotClient = require(`webpack-hot-middleware/client${__resourceQuery}`)

为啥用了 ES6 的字符串模板之后就不灵了呢=。=

补充：

es6 肯定是开了的，Babel 也是装了的。

我疑问的是，理论上 require import 应该都不允许变量构建才对，为什么 require 可以 warning 而 import 直接 error 了。

怪我表述不清，所有的情况如下：

  const r = './LeftBar.vue'
  import LeftBar from r

babel 报错：

Module build failed: SyntaxError: /Main.vue: Unexpected token (16:20)

  const r = './LeftBar.vue'
  import LeftBar from `${r}`

babel 报错：

Module build failed: SyntaxError: /Main.vue: Unexpected token (16:20)

  const r = './LeftBar.vue'
  const LeftBar = require(`${r}`)

没有问题

  const r = './LeftBar.vue'
  const LeftBar = require(r)

warning:

            18:14-24 the request of a dependency is an expression

不过后来想想是我傻逼了。。。require 直接引入 var 是不走 babel 的，而其他 babel 其实都编译过了=。=表现不同也正常

阅读 5k