构建vue包项目
1、新建项目,项目该有的结构都加上 尽量使用Linux或者Mac
2、添加.npmignore文件(不需要的目录)
-
-
- 如果在node_modules里不想看到你发布的npm包带有不强关联的node_modules,就删除package里对应的包配置,然后再发布你的npm包
3、使用webpack打包,并进行加密
4、添加webpack需要的babel和配置
5、增加入口文件,并指向打包文件
6、修改package.json / 改名字和version,指定入口文件
7、验证是否是好的包:npm run build , 然后npm link (可加sudo权限)
8、使用其他工程进行验证: npm link choho-test (名字按照name来)(调用成功就说明ok)
9、发布: npm publish (谨慎),这操作儿童不宜。 (npm源要有账号才能发布)
10、使用,直接指定版本,或者用^
-
-
- 更详细教程请看: npm相关教程,连入外部,例子
构建node的npm包
node的npm包和上面的例子差不多,要注意的是:
1、import和require的区别
2、window和Linux的路径问题
3、npm link的时候,fs的__dirname是不符合预期的,所以要大胆一点,发布去校验
4、babel-loader和babel-core的对应关系