时间戳

首页 > 解决方案 > Nuxt 在构建过程中忽略 babel

vue.js - Nuxt 在构建过程中忽略 babel

问题描述

https://nuxtjs.org/api/configuration-build#babel

我最初将预设保留为默认值。

然后我遵循了 https://github.com/nuxt/nuxt.js/issues/1776上的建议

然而，这更多地涉及管道

我只是想让它把 es6 转换成 es5 （主要是进口原因）

无论我添加 .babelrc、调整 package.json、调整 nuxt.config.js 还是它们的组合，我都会得到相同的结果或完全失败。

目前我已将我的 nuxt.config.js 调整为：

/*
 ** Build configuration
 */
build: {
    babel: {
        presets: ['@babel/preset-env'],
        configFile: false,
        babelrc: false,
        plugins: ['@babel/plugin-syntax-dynamic-import']
    }
}

当我将整个 .nuxt 文件夹上传到我的服务器时（使用 phusion 乘客运行 plesk）

我收到以下错误

/var/www/vhosts/website.com/app/client/server.js:1
(function (exports, require, module, __filename, __dirname) { import { stringify } from 'querystring'

我的网站根目录是

/var/www/vhosts/website.com/app/client/

server.js 的第一行

import { stringify } from 'querystring

将此更改为

var stringify = require("querystring").stringify

消除了错误，但是我需要逐页浏览才能删除它。我的理解是我可以使用 babel 以编程方式调整它。但无论我尝试了什么，文件都保持不变。

我确实使用 Nuxt CLI 来自动设置 babel 和 webpack，但使用上述构建配置不是默认设置。我试图玩它，但我得到了相同的结果

我添加了 babel/polyfill 来尝试解决导入问题，但没有成功

标签： vue.jswebpackbabeljsnuxt.js

解决方案

推荐阅读