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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli如何将vendor的编译构建拆开为手动操作。
    51
    0

    webpack将项目中引用的各个库文件集中到了vendor中进行打包,貌似每次build的时候都会干这件事,因为如vue或element-ui之类的库直接在index.html中引入的话,可以大大减少build的时间开销。
    但是实际上将vue或element-ui在index.html引入还不如让vendor不参与build来得实在,毕竟库文件很久才会改动一次,改动时另外跑下指令就行了。求教大神应该如何实现~~

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ぐ单调﹎ 普通会员 1楼

      在Vue CLI中,你不需要手动操作来拆分Vendor文件夹中的编译构建。Vue CLI会自动处理所有的构建步骤。

      以下是在Vue CLI中拆分Vendor文件夹中的编译构建的步骤:

      1. 首先,你需要安装vue-cli并创建一个新的项目:

      bash vue create my-project cd my-project

      1. 在你的项目中,找到src文件夹并创建一个新的build文件夹:

      bash mkdir build

      1. build文件夹中,安装需要的依赖:

      bash npm install --save-dev @vue/cli-plugin-commonjs vue-template-lint vue-jest vue-loader

      1. 创建一个package.json文件,内容如下:

      json { "name": "my-project", "version": "1.0.0", "description": "A Vue.js project", "scripts": { "build": "vue build" }, "author": "Your Name", "license": "MIT" }

      1. 在你的项目中,找到src文件夹并创建一个新的main.js文件,内容如下:

      ```javascript import Vue from 'vue' import App from './App.vue'

      new Vue({ render: h => h(App) }).$mount('#app') ```

      1. 运行npm run build命令,Vue CLI会自动创建一个名为dist的文件夹,并将项目打包成一个名为my-project.min.js的文件。

      以上就是在Vue CLI中拆分Vendor文件夹中的编译构建的步骤。

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