美文网首页
npm项目创建打包发布

npm项目创建打包发布

作者: 无花无酒_3cd3 | 来源:发表于2020-02-12 22:49 被阅读0次

https://blog.csdn.net/qq_36256944/article/details/80459383

// # /packages/phone-bar/index.js
// 导入组件,组件必须声明 name
import phoneBar from './src/phoneBar.vue'

// 为组件提供 install 安装方法,供按需引入
// colorPicker.install = function (Vue) {
//   Vue.component(colorPicker.name, colorPicker)

// }
phoneBar.install = function (Vue) { //定义组件
  Vue.component(phoneBar.name, phoneBar)
}
/* istanbul ignore if */
if (typeof window !== 'undefined' && window.Vue) {
  phoneBar.install(window.Vue);//cdn引入直接注册组件
}
// 默认导出组件
export default phoneBar

// // 导入颜色选择器组件
import phoneBar from './phone-bar'

// 存储组件列表
const components = [
    phoneBar
]

// 定义 install 方法,接收 Vue 作为参数。如果使用 use 注册插件,则所有的组件都将被注册
const install = function (Vue) {
// 判断是否安装
if (install.installed) return
// 遍历注册全局组件
components.map(component => Vue.component(component.name, component))
}

// 判断是否是直接引入文件
if (typeof window !== 'undefined' && !window.Vue) {
    install(require('vue'))
}

export default {
// 导出的对象必须具有 install,才能被 Vue.use() 方法安装
install,
// 以下是具体的组件列表
phoneBar
}

相关文章

  • npm项目创建打包发布

    https://blog.csdn.net/qq_36256944/article/details/80459383

  • 从零开始在NPM上发布一个Vue组件

    TL;DR 本文细致讲解了在NPM上发布一个Vue组件的全过程,包括创建项目、编写组件、打包和发布四个环节。 创建...

  • NPM 打包发布项目

    1、在 NPM 官方网站【https://www.npmjs.com[https://www.npmjs.com]...

  • Vue CLI服务

    进入项目目录npm run serve,在本地进行调试npm run build,打包生成发布文件

  • cordova打包APP

    cordova打包APP环境配置npm install -g cordova创建项目cordova create ...

  • 如何创建React组件并发布到npm?

    实现步骤: 创建React组件项目; 创建测试项目并引用组件; 发布React组件到npm上; 一、创建React...

  • vue项目创建、打包

    一、项目创建 1、首先检测,是否安装了 node 与 npm 2、安装脚手架cli 二、项目打包

  • 发布组件的记录

    npm publish 发布组件 注册 注册npmjs账号npm init 到所在的项目下创建package.js...

  • 发布自己的npm包

    第一步: 注册账号 注册npm账号 第二步: 创建项目 使用npm初始化项目npm init 第三步: 发布项目 ...

  • 前端发版

    第一步:打包项目 1、打包 npm run build2、压缩dist文件 第二步:发布项目 说明:写命令的地方...

网友评论

      本文标题:npm项目创建打包发布

      本文链接:https://www.haomeiwen.com/subject/reehfhtx.html