nuxt 构建相关笔记

# 支持最新的 babel env

修改 nuxt.config.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;
    },
  },
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

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

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

# 在 nuxt 中通过插件去掉 console

export default {
  build: {
    babel: {
      // ...
      plugins: [["transform-remove-console", { exclude: ["error", "warn"] }]],
    },
  },
};
1
2
3
4
5
6
7
8