如何在基于 NUXT + EXPRESS 的项目中减小 vendor.js 的大小？答案

【问题标题】：How to reduce the size of vendor.js in an NUXT + EXPRESS based project?如何在基于 NUXT + EXPRESS 的项目中减小 vendor.js 的大小？
【发布时间】：2019-06-11 04:19:50
【问题描述】：

我正在建立一个网站，遇到了 vendor.js 的大小高达 700KB 的问题。

我开始使用 CMD“cross-env NODE_ENV=production nodemon server/index.j”在服务器上运行项目。

// server/index.js
const nuxt = new Nuxt(config);
app.use(nuxt.render)

现在我正在尝试通过在 nginx 中打开 gzip 模式来压缩 javascript 文件。尽管它可以工作并使页面加载更快，但我仍然想知道是否有另一种方法或 webpack 插件可以像 uglifyJS 一样处理这个问题。

【问题讨论】：

您可以使用vue-cli-plugin-webpack-bundle-analyzer 或webpack-bundle-analyzer

标签： express vue.js nuxt.js

【解决方案1】：

默认情况下，Nuxt 会缩小和 uglify js 文件以用于生产构建。见docs here

Nuxt 也有一个内置的 webpack 分析。 Docs您可以检查哪些 js 占用的空间最多，并尝试通过 treeshaking 或替换为其他 lib 来优化它:)

也不要全局使用组件，只在需要的地方使用，这也有帮助。

【讨论】：