Question

我已经看过documentation，并且知道应该使用nuxt.config.js，但这并未说明安装过程。

Answer 1

您可以选中此issue

基本上，您应该修改nuxt.config.js

export default {
  build: {
    // Add custom plugins or presets through the `babel` object
    // Docs: https://nuxtjs.org/api/configuration-build#babel
    babel: {
      plugins: [
        ["@babel/plugin-proposal-pipeline-operator", { proposal: "minimal" }]
      ]
    }
  }
};

Answer 2

Nuxt预安装了整个babel预设，您可以在项目的node modules文件夹中查看它们。如果您还没有所需的内容，则可以使用简单的

进行安装

npm install --save what-you-need

然后，您可以在nuxt.config.js中使用它，方法是找到构建对象并将其添加为文档所示。您的文件可能与docs不同，因为您可能具有“ module.exports”而不是“ export default”，但其工作原理应相同。因此，您应该得到这样的结果：

module.exports = {
  mode: 'universal',

  /*
  ** a few other things like head, css, modules...
  */

  build: {
      babel: {
        presets: ['what-you-need']
      }
  }
}

我应该如何安装Babel插件和预设并将其添加到Nuxt？

2 个答案: