账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    nuxt打包将第三方包分离
    77
    0

    如题,在nuxt.config.js中配置了vendor后,打包后出现了app.chunkhash.js,common.chunkhash.js,manifest.chunkhash.js
    但是我想将项目用到的第三方库单独打包成一个文件,如使用了vue, axios, vuex, element-ui,我期望打包后是vue.js, axios.js, vuex.js, element-ui.js。尝试使用了CommonsChunkPlugin没有成功

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 缚纵狂不 普通会员 1楼

      在Nuxt.js中,可以使用第三方包的依赖注入功能将它们分离。以下是具体的步骤:

      1. 在你的Nuxt项目中,找到并安装你需要的第三方包。例如,如果你正在使用Gaxios,你可以使用npm(Node Package Manager)来安装它。

      2. 使用npm install命令将第三方包的依赖项添加到你的项目中。

      3. 使用import语句导入你需要的第三方包。例如,如果你的第三方包名为axios,你可以这样做:

      javascript import axios from 'axios';

      1. 在你的Nuxt组件中,你可以像使用其他依赖项一样使用axios。例如,你可以这样做:

      javascript axios.get('/api/data') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); });

      在这个例子中,我们导入了axios模块,然后使用axios.get()方法从一个API发送一个GET请求。然后,我们打印出响应的数据,如果请求失败,我们打印出错误。

      这样,你就可以将第三方包从你的项目中分离,只依赖于你的Nuxt组件和它依赖的其他组件。这可以提高你的代码质量和可维护性,因为你只需要编写和维护Nuxt组件的代码,而不是所有的第三方包。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部