1. 首页
  2. 前端

vue项目-npm模块化功能页面

切换npm镜像登录

上传包

1、我将vue一个页面功能模块抽出来放到一个src文件夹里面,包含了功能模块的css、js和页面用到的图片;

vue项目-npm模块化功能页面

 

 

 

 

 

 

2、我要上传的文件

vue项目-npm模块化功能页面

 

 

 

 

 

package.json

注意:

  • name:名称不能重复,可以先在npm网站搜一下你要命名的包名称有没有被创建;
  • version:版本号,后面更新包时呈递增;
  • description:描述;

在当前目录下执行上传命令:npm publish

测试:npm install 你的包名

VUE项目引用模块

上面我们将一个功能模块的页面抽成npm包;

使用的方式是在项目下安装包的依赖,在 router.js 路由中引入包里面的页面

比如:

 

联系我们

咨    询:点击这里给我发消息

邮    箱:cyt_web@163.com

小程序:AI前端