前端组件带上资源一起发布的方法

Posted jaffray

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端组件带上资源一起发布的方法相关的知识,希望对你有一定的参考价值。

发布前端组件时,通常为求彻底组件化,npm publish 命令会只发布组件本身,package.json 的所有依赖均不允许一起发布,否则大家的组件可能越发布越庞大,从“发布组件”变成“发布系统”。。。

 

但是,有时组建会用到一些必要的小图标或者较精简的小代码库,此时发布组件时包含这些资源较为必要。

携带资源发布所花的时间和存储代价,远小于安装组件后四处找组件所需资源的代价。

 

怎么让组件携带资源呢?其实很简单,只需要将资源拷进 dist 目录再 pack 即可。如果是用 Jenkins CI 的方式发布,可以执行以下命令:

npm run packagr
 
# copy assets to dist/
cp -r "./src/assets" "./dist/assets"
cp -r "./src/app/component/assets" "./dist/assets"
 
cd dist
npm pack
 
npm config set @my-scope:registry http://192.168.x.y:z/my-repository/
npm publish --registry http://192.168.x.y:z/my-repository/

 

需要注意之处:

执行“cp”命令的顺序必须介于“npm run packagr”和“npm pack”之间。

前者生成“dist”目录,后者打包组件。

 

以上是关于前端组件带上资源一起发布的方法的主要内容,如果未能解决你的问题,请参考以下文章

导航架构组件 - 对话框片段

前端单元测试笔记 —— 覆盖率篇

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

如何访问活动内部/从活动中的片段视图组件

片段不使用 FragmentContainerView 切换