Skip to content

nuxt 构建相关笔记

支持最新的 babel env

修改 nuxt.config.js

js
/*
  ** Build configuration
  */
build: {
  /* 如果node_modules中使用了ES6导致浏览器报错,使用transpile告知babel需要编译 */
  transpile: [/has-values|ramda/],
  babel: {
    babelrc: false,
    cacheDirectory: undefined,
    presets: ["@babel/preset-env"],
    plugins: [["@babel/transform-runtime"]],
    /* 编译除了node_modules的所有代码 */
    include: function (filename) {
        return true;
    },
  },
}

注意:如果是普通的 vue 项目,可以通过 transpileDependencies 来配置 transpile

js
module.exports = {
  transpileDependencies: [/short-uuid/, /js-base64/],
};

在 nuxt 中通过插件去掉 console

js
export default {
  build: {
    babel: {
      // ...
      plugins: [["transform-remove-console", { exclude: ["error", "warn"] }]],
    },
  },
};

最后编辑时间:

Version 4.2 (core-1.3.4)