javascript – 我们如何在Nuxt？Vuejs项目中仅包含lodash所需的模块？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 我们如何在Nuxt？Vuejs项目中仅包含lodash所需的模块？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1393字，纯文字阅读大概需要2分钟。

内容图文

我们已经构建了一个Nuxt / VueJS项目.

Nuxt有自己的配置文件nuxt.config.js,我们在其中配置webpack和其他构建设置.

在我们的package.json中,我们已经包含了lodash包.

在我们的代码中,我们一直小心加载只导入我们需要的东西,例如：

import orderBy from 'lodash/orderBy'

在nuxt.config.js中,lodash将添加到供应商列表中.

但是,当我们创建构建时,webpack总是包含整个lodash库,而不是仅包含我们在代码中使用的内容.

我已经阅读了很多教程,但还没有得到答案.如果它只是一个webpack项目,其中一些答案肯定会有效.但在我们的例子中,它是通过nuxt配置文件.

期待一些帮助.

下面是部分nuxt.config.js文件.仅包含相关/重要部分：

const resolve = require('resolve')
const webpack = require('webpack')

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
  },
  modules: [
    ['@nuxtjs/component-cache', { maxAge: 1000 * 60 * 10 }]
  ],
  plugins: [
    { src: '~/plugins/intersection', ssr: false },
  ],
  build: {
    vendor: ['moment', 'lodash'],
    analyze: {
      analyzerMode: 'static'
    },
    postcss: {
      plugins: {
        'postcss-custom-properties': false
      }
    },
    plugins: [
      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
    ],
    /*
    ** Run ESLINT on save
    */
    extend (config, ctx) {
      // config.resolve.alias['create-api'] = `./create-api-${ctx.isClient ? 'client' : 'server'}.js`

    }
  }
}

解决方法:

你可以npm只安装所需的包

Lodash可以按照custom builds拆分.您可以找到已有的here列表.您可以像这样使用它们：npm i -S lodash.orderby.我没有检查它,但你可能还需要从’lodash / orderBy’更改import orderBy以从’lodash.orderby’导入orderBy.

内容总结

以上是互联网集市为您收集整理的javascript – 我们如何在Nuxt？Vuejs项目中仅包含lodash所需的模块？全部内容，希望文章能够帮你解决javascript – 我们如何在Nuxt？Vuejs项目中仅包含lodash所需的模块？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---