在正面和背面之间共享课程（nuxt.js）

Question

我想在vue和express之间分享一个简单的类。问题是vue支持es6导入/导出默认值，而express（node）仅支持require / module.exports语法。

有没有办法在nuxt.js后端（express.js）中使用export default语句，所以我可以在两端使用我的类？或者，也许，在vue中添加对module.exports的支持？

谢谢！

Answer 1

您可以从transpiler中排除您的文件。

const Path = require('path')

module.exports = {
  build:{
    extend({ module: { rules } }) {
      const rule = findJsxRule(rules)
      rule.exclude = exclude(
        [
          Path.resolve(__dirname, '../lib'),
          Path.resolve(__dirname, '../interface')
        ],
        rule.exclude
      )
    }
  }
}

function findJsxRule(rules) {
  return rules.find(rule => {
    return rule.test.toString() === '/\\.jsx?$/i'
  })
}

function exclude(paths, old) {
  return file => {
    if (paths.some(path => file.startsWith(path))) {
      return true
    } else if (old) {
      return old(file)
    } else {
      return false
    }
  }
}