npm发布实战

169 阅读1分钟

构建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、使用,直接指定版本,或者用^

构建node的npm包

node的npm包和上面的例子差不多,要注意的是:

1、import和require的区别

2、window和Linux的路径问题

3、npm link的时候,fs的__dirname是不符合预期的,所以要大胆一点,发布去校验

4、babel-loader和babel-core的对应关系