使用Vue-cli3.0创建的项目 如何发布npm包


Posted in Javascript onOctober 10, 2019

在使用vue进行项目开发时,如果我们想要发布一个包,有时候会有点迷糊,不知道应该怎么修改脚手架的默认设置。这里记录一下一些常见的操作。

创建index.js进行模块的导出

将我们需要导出的组件在index.js文件中进行统一导出,可能之前需要进行处理,是先进行全局注册Vue.component,还是用户自己注册。

import App from './App.vue'
export default App;

修改vue.config.js配置文件

修改publicPath的路径为相对路径

module.exports = {
 lintOnSave: false,
 runtimeCompiler:true,
 publicPath: './',
}

修改package.json中的script

vue-cli默认给我们设置了build,但是我们不使用这个build,而是打包我们之前创建的index.js文件

新增build-bundle

"scripts": {
 "serve": "vue-cli-service serve",
 "build": "vue-cli-service build",
 "build-bundle": "vue-cli-service build --target lib --name AutoForm ./src/index.js",
 "lint": "vue-cli-service lint"
 },

修改package.json中的main

这里的main是打包后的程序入口,也就是我们通常下载一个包后使用import xxx from YYY默认从node_modules下查找的文件,因此,我们需要修改为我们打包后的文件名,否则查找不到这个文件。

"main": "dist/AutoForm.common.js",

这样的话,一个包就修改完成,打包后正常发布就可以使用了。

总结

以上所述是小编给大家介绍的使用Vue-cli3.0创建的项目 如何发布npm包,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
JQuery防止退格键网页后退的实现代码
Mar 23 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
JS页面延迟执行一些方法(整理)
Nov 11 Javascript
Tab切换组件(选项卡功能)实例代码
Nov 21 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
Jquery焦点图实例代码
Nov 25 Javascript
js动态切换图片的方法
Jan 20 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
基于js 本地存储(详解)
Aug 16 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
Mar 14 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 #jQuery
VUE注册全局组件和局部组件过程解析
Oct 10 #Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 #jQuery
electron-vue开发环境内存泄漏问题汇总
Oct 10 #Javascript
Vue使用NProgress的操作过程解析
Oct 10 #Javascript
使用 Element UI Table 的 slot-scope方法
Oct 10 #Javascript
使用vscode快速建立vue模板过程详解
Oct 10 #Javascript
You might like
PHP读取目录下所有文件的代码
2008/01/07 PHP
php Smarty 字符比较代码
2011/02/27 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
PHP中source #N问题的解决方法
2014/01/27 PHP
PHP使用PDO连接ACCESS数据库
2015/03/05 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
2015/01/13 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
又一款js时钟!transform实现时钟效果
2016/08/15 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
vue通信方式EventBus的实现代码详解
2019/06/10 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
js+cavans实现图片滑块验证
2020/09/29 Javascript
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
网络、C以及其他硬件方面的面试题
2016/08/23 面试题
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
会计专业自荐信范文
2013/12/02 职场文书
写给女朋友的道歉信
2014/01/08 职场文书
八一建军节营销活动方案
2014/08/31 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
个人工作总结(管理人员)范文
2019/08/13 职场文书
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL
Mysql开启外网访问
2022/05/15 MySQL
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers