SyntaxError：将 lodash 与 Nuxt 一起使用时出现意外的令牌导出答案

【问题标题】：SyntaxError: Unexpected token export when using lodash with NuxtSyntaxError：将 lodash 与 Nuxt 一起使用时出现意外的令牌导出
【发布时间】：2019-04-04 12:37:10
【问题描述】：

这是我的 repo 和现场演示 https://github.com/alechance/nuxt-lodash。我将 Nuxt 与 Vuetify + lodash-es 一起使用，当运行 npm run dev 并重新加载我的页面时，我得到了 SyntaxError: Unexpected token export 和 export default isArray;

【问题讨论】：

标签： vue.js nuxt.js

【解决方案1】：

lodash-es 库的导入文件不会被babel 转译。为了解决这个问题，Nuxt.js 提供了手动指定应该通过transpile 选项转译的文件的选项。

将以下代码添加到nuxt.config.js 的build 部分：

build: {
  transpile: [
    'lodash-es'
  ],
  // Other build options
}

【讨论】：

谢谢，它正在工作。但是我想用babel-plugin-transform-imports 测试Vuetify a la carte，但我仍然遇到这个错误。我刚刚更新了 github github.com/alechance/nuxt-lodash 中的 repo，我不明白这个问题...
babel-plugin-transform-imports 覆盖 transpile 配置。如果你想进行 tree-shaking，你可以使用最新版本的 nuxt 和官方 vuetify 推荐 a la carte。或者使用vuetify-loader，它会自动捆绑和拆分组件。或者甚至使用babel-plugin-lodash，作为另一种选择。
好的，我在这里尝试了其他东西github.com/alechance/nuxt-vuetify-lodash，lodash 和 vuetify 似乎正在工作，但是看起来我的应用程序正在加载每个 vuetify 组件。然后我尝试用我自己的 CSS 覆盖 vuetify 样式，vuetify 总是在我的样式之后。知道为什么吗？谢谢！
很高兴它有效。这超出了当前问题的范围，但从个人经验来看，功能齐全的 UI 库通常不希望它们的样式被覆盖。最终，这种覆盖的总成本高于您自己重新创建必要的组件。这是个人经验，不是趋势。
是的，我明白，我只是想更改一些 CSS 属性，不想在我的样式中写 !important。看起来我的 CSS 在我的 <head> 中呈现在来自 vueitfy 的那些之前。您知道如何更改我的<head> 中的顺序，以便我的样式出现在 vuetify CSS 之后吗？我知道这超出了我最初的问题的范围......