问答

用vue-cli2制作的项目A,如果想被项目B import进去? 项目A应该如

作者:admin 2021-08-02 我要评论

我用vue-cli2制作了一个项目A,功能为一个有图片有样式有动态功能的日历。 我现在需要把项目A打包成一个库,然后供多个vue项目引用。 这个项目A应该如何打包才能...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

我用vue-cli2制作了一个项目A,功能为一个有图片有样式有动态功能的日历。

我现在需要把项目A打包成一个库,然后供多个vue项目引用。

这个项目A应该如何打包才能让别的项目import进去?

###
  1. 首先,vue-cli 有提供 build targets 选项,除了可以 build 成标准的 SPA,还可以 build 成 library
  2. vue-cli2 有点太旧了,建议升级到 4
  3. 这部分主要是 webpack 的工作,实际上你只要把入口改成入口 vue 文件,大概率就能实现
  4. 如果你引用了一些样式或其它资源,就比较难处理,那就得具体问题具体分析了
###
output: {
    // ...other config
    filename: "my-awesome-lib.js",
    library: "MyAwesomeLib", // 同时也是script引入时的全局命名
    libraryTarget: "umd",   // 打包格式,umd同时支持script引用和commonjs引入.
    libraryExport: "default", // 使用时少一层
    umdNamedDefine: true
},

建议升级@vue/cli3以上
开箱即用的库构建配置

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 用vue-cli2制作的项目A,如果想被项目B

    用vue-cli2制作的项目A,如果想被项目B

  • js 时间格式化转换问题,为什么会自动

    js 时间格式化转换问题,为什么会自动

  • 微信小程序动画效果消失不见

    微信小程序动画效果消失不见

  • vue-cli3 cesium1.67 无法加载approxim

    vue-cli3 cesium1.67 无法加载approxim

腾讯云代理商
海外云服务器