91ÊÓƵרÇø

¡¬woxiangyaozhaogongzuo£¬niquexiangyaogewojiucai£¡tianline£¿liangxinne£¿Angular ruhejianlihefabuLibraryshoufa2023-12-14 08:57¡¤bianchengshengyabenwenyaodiangongchengjianliyijiLibraryjianliyangshikongzhiheshengcheng£¨tailwindcssdeshiyong)bianyihedabaofabudaonpmshiyongng new projectdeminglingfangshijinxingjianligongcheng¡£zhu£ºyekeyichuangjiangongcheng£¬xianbuchuangjianyingyonghuolibrary£¬ zhihoukeyitongguoduoyingyongfangshilaitianjia¡£lirung g application xxx huo ng g library xxxjianligongchengshiyongcli £¬genjuchuangjianyicixuanzeyujishiyongdeyangshidengxinxihoukaishijianli¡£ $ ng new my-project ? Which stylesheet format would you like to use? SCSS [ https://sass-lang.com/documentation/syntax#scss ] ? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? No CREATE my-project/README.md (1063 bytes) CREATE my-project/.editorconfig (274 bytes) CREATE my-project/.gitignore (548 bytes) CREATE my-project/angular.json (2786 bytes) CREATE my-project/package.json (1041 bytes) CREATE my-project/tsconfig.json (903 bytes) CREATE my-project/tsconfig.app.json (263 bytes) CREATE my-project/tsconfig.spec.json (273 bytes) CREATE my-project/.vscode/extensions.json (130 bytes) CREATE my-project/.vscode/launch.json (470 bytes) CREATE my-project/.vscode/tasks.json (938 bytes) CREATE my-project/src/main.ts (250 bytes) CREATE my-project/src/favicon1.ico (15086 bytes) CREATE my-project/src/index.html (295 bytes) CREATE my-project/src/styles.scss (80 bytes) CREATE my-project/src/app/app.component.scss (0 bytes) CREATE my-project/src/app/app.component.html (20884 bytes) CREATE my-project/src/app/app.component.spec.ts (928 bytes) CREATE my-project/src/app/app.component.ts (369 bytes) CREATE my-project/src/app/app.config.ts (227 bytes) CREATE my-project/src/app/app.routes.ts (77 bytes) CREATE my-project/src/assets/.gitkeep (0 bytes) ? Packages installed successfully. Successfully initialized git.jiarulibraryzhelichuangjianliaoyigelibrary£¬ bingjiarudaodangqiandegongchengzhong¡£jianliwanchenghou£¬ huizaiprojectsxiajianliduiyingdegongcheng¡£ $ ng g library my-lib ? Would you like to share pseudonymous usage data about this project with the Angular Team at Google under Google's Privacy Policy at https://policies.google.com/privacy. For more details and how to change this setting, see https://angular.io/analytics. No Global setting: enabled Local setting: disabled Effective status: disabled CREATE projects/my-lib/README.md (978 bytes) CREATE projects/my-lib/ng-package.json (155 bytes) CREATE projects/my-lib/package.json (210 bytes) CREATE projects/my-lib/tsconfig.lib.json (314 bytes) CREATE projects/my-lib/tsconfig.lib.prod.json (240 bytes) CREATE projects/my-lib/tsconfig.spec.json (273 bytes) CREATE projects/my-lib/src/public-api.ts (118 bytes) CREATE projects/my-lib/src/lib/my-lib.component.spec.ts (590 bytes) CREATE projects/my-lib/src/lib/my-lib.component.ts (223 bytes) CREATE projects/my-lib/src/lib/my-lib.service.spec.ts (353 bytes) CREATE projects/my-lib/src/lib/my-lib.service.ts (134 bytes) UPDATE angular.json (3784 bytes) UPDATE package.json (1070 bytes) UPDATE tsconfig.json (975 bytes) ? Packages installed successfully.weikongjianchuangjianheshiyongquanjuyangshiquanjuyangshi£¬ biaoshilibraryzhongkeyishiyongdeyangshi£¬ danshishiyongquanjudeqingkuangyibanweitongguoscsshuotailwindcssdeng£¬yaoyuxianchanchudecssyangshikudemoshi¡£ zhengchanglibaray keyibuxuyaohuoshiyongshishiyongapp.component.scsszhongdingyizujianzijideyangshijike¡£yinweizhegegongchenghuishiyongtailwindcss,suoyigongchengzhongxianyinrutailwindcss ¡£suoyi zaiproject/my-lib xiajianliassetsyongyufangzhiyigequanjudeyangshiwenjian¡£jiangglobal.cssfangdaodabaoshedingzhong£¬tongzhibaozhuangyaodairugaiyangshiwenjian¡£ { "$schema": "../../node_modules/ng-packagr/ng-package.schema.json", "dest": "../../dist/my-lib", "lib": { "entryFile": "src/public-api.ts" }, "assets": [ { "input": "src/assets", "glob": "**/*.css", "output": "assets" } ] }jiarutailwindcss £¬cankaoguanfangjiaru¡£ npm install -D tailwindcss postcss autoprefixer && npx tailwindcss initchushihuahou£¬ jianliliaotailwind.config.jsdewenjian£¬ diaozhenggaiwenjianruxia£º /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{html,ts}", "./projects/my-lib/src/**/*.{html,ts}" ], theme: { extend: {}, }, plugins: [], }zhu£¬yishangshizuijibendepeizhi£¬ ruguoyaopeizhiqitashuxingkecankaoguanfangsheding¡£duiyuapplcation degongcheng£¬jiaru@tailwind dedingyi¡£ @tailwind base; @tailwind components; @tailwind utilities;kaifalibrarydezujianyemianyishangjibendedajiangongzuowanchengliao£¬ xiamianwomenlaixieyigezuijiandandelib .kaiqimy-lib.component.tsdewenjian£¬ jiaruliaotailwinddeshiyong£¬ xianshiliao4gediv¡£ruxia£º import { Component } from '@angular/core'; @Component({ selector: 'lib-my-lib', standalone: true, imports: [], template: `

`, styles: `` }) export class MyLibComponent { }bianyihedabaoyinweiwomenshiyongliaotailwind£¬ danshizaiangulardeng-packagrbingbuhuizhixingdongtaideshengchengxiangguangongzuo£¬ suoyizhegedifangzaibuildzhiqian£¬xianshiyongtailwind decli gongjushengchengglobal.cssdewenjian¡£ zhuyi£ºtailwindhuigenjugongchengzhongshiyongdeyangshijinxingshengcheng£¬ meiyoushiyongbuhuichuangjian¡£ $ npx tailwindcss -o ./projects/my-lib/src/assets/global.css --minify Rebuilding... Done in 121ms. $ ng build my-lib --configuration production Building Angular Package ------------------------------------------------------------------------------ Building entry point 'my-lib' ------------------------------------------------------------------------------ ? Compiling with Angular sources in Ivy partial compilation mode. ? Generating FESM bundles ? Copying assets ? Writing package manifest ? Built my-lib $ cd ./dist/my-lib $ npm pack npm notice npm notice my-lib@0.0.1 npm notice === Tarball Contents === npm notice 978B README.md npm notice 2.8kB esm2022/lib/my-lib.component.mjs npm notice 1.4kB esm2022/lib/my-lib.service.mjs npm notice 480B esm2022/my-lib.mjs npm notice 615B esm2022/public-api.mjs npm notice 2.3kB fesm2022/my-lib.mjs npm notice 2.2kB fesm2022/my-lib.mjs.map npm notice 111B index.d.ts npm notice 264B lib/my-lib.component.d.ts npm notice 223B lib/my-lib.service.d.ts npm notice 523B package.json npm notice 78B public-api.d.ts npm notice === Tarball Details === npm notice name: my-lib npm notice version: 0.0.1 npm notice filename: my-lib-0.0.1.tgz npm notice package size: 3.9 kB npm notice unpacked size: 12.0 kB npm notice shasum: 8e90e3ff50fddc3cdeac4c6aa938afbb8ee57543 npm notice integrity: sha512-3P6YRElbEzl8A[...]HftBmHIJXoyjA== npm notice total files: 12 npm notice my-lib-0.0.1.tgzdaoci£¬ womenshengchengliaomy-libdetgzdewenjianliao¡£ qitagongchengkeyiyinrushiyong¡£ dangranwomenyekeyifabuwomenkudaonpmzhong¡£fabufabuzhiqian£¬ yaoyounpmdezhanghuo¡£ ruguomeiyoudengruqingzhixingxiamianyuju $ npm login exit 1 npm notice Log in on https://registry.npmjs.org/ Login at: https://www.npmjs.com/login?next=/login/cli/xx Press ENTER to open in the browser... Logged in on https://registry.npmjs.org/.dengruchenggonghou£¬ jiukeyifabuliao¡£ $ npm publish exit 1 npm WARN publish npm auto-corrected some errors in your package.json when publishing. Please run "npm pkg fix" to address these errors. npm WARN publish errors corrected: npm WARN publish Removed invalid "scripts" npm notice npm notice my-lib-xx@0.0.1 npm notice === Tarball Contents === npm notice 978B README.md npm notice 5.0kB assets/global.css npm notice 2.8kB esm2022/lib/my-lib.component.mjs npm notice 1.4kB esm2022/lib/my-lib.service.mjs npm notice 480B esm2022/my-lib.mjs npm notice 615B esm2022/public-api.mjs npm notice 2.3kB fesm2022/my-lib.mjs npm notice 2.2kB fesm2022/my-lib.mjs.map npm notice 111B index.d.ts npm notice 264B lib/my-lib.component.d.ts npm notice 223B lib/my-lib.service.d.ts npm notice 527B package.json npm notice 78B public-api.d.ts npm notice === Tarball Details === npm notice name: my-lib-xx npm notice version: 0.0.1 npm notice filename: my-lib-xx-0.0.1.tgz npm notice package size: 5.7 kB npm notice unpacked size: 17.0 kB npm notice shasum: 19644a8e46c20e067d7c24d9d51ddd57b3846a0f npm notice integrity: sha512-tIJXZUPlRFjpT[...]fKDZ1PWvrtyLQ== npm notice total files: 13 npm notice npm notice Publishing to https://registry.npmjs.org/ with tag latest and default access + my-lib-xx@0.0.1zhuyi£¬ buyaozhongming£¬ my-lib yinweiyouliaoduiyingdebaoliao£¬ suoyizhelidiaozhengliaoyixiabaominghoutuisong¡£shiyonglibshiyongheqitabaoshiyongguochengyiyang¡£zheliqufen2zhong£¬ yigeshidangqiangongchengneishiyong£¬ zhixuyaozhixingliaong build £¬yingyongchengxudegongchengneijikeshiyonggailibraryliao¡£ import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterOutlet } from '@angular/router'; import { MyLibComponent } from '../../projects/my-lib/src/public-api'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, RouterOutlet,MyLibComponent], templateUrl: './app.component.html', styleUrl: './app.component.scss' }) export class AppComponent { title = 'my-project'; } zhuyi£¬yinrulibdecsswenjian¡£keyikandaoyangshiyijingchulailiao¡£ruguoshixinzengdegongcheng£¬shiyongbao£¬ keyiruxia£ºyinrulibkeyizhijie npm install xxxdefangshizhijiecongnpm zhongxiazai£¬ yekeyizhijiexielujing¡£liru£º "my-lb-xx": "/Users/xxx/dist/my-lib/my-lib-0.0.11.tgz",yinrucsskeyizhijiediaozhengstyle.scssjiaruyinyong @import "../node_modules/aiwow-chat/assets/global.css"ranhouxuyaodezujianjiukeyikaishishiyongliao¡£

°¬(´¡¾±)Á¦(³¢¾±)˹(³§¾±)¡¢¸ß(³Ò²¹´Ç)À½(³¢²¹²Ô)¹É(³Ò³Ü)·Ý(¹ó±ð²Ô)¡¢Í¨(°Õ´Ç²Ô²µ)±¦(µþ²¹´Ç)ÄÜ(±·±ð²Ô²µ)Ô´(³Û³Ü²¹²Ô)µÈ(¶Ù±ð²Ô²µ)¾»(´³¾±²Ô²µ)Àû(³¢¾±)Èó(¸é³Ü²Ô)Ôö(´Ü±ð²Ô²µ)ËÙ(³§³Ü)³¬(°ä³ó²¹´Ç)2±¶(µþ±ð¾±)¡£°¬(´¡¾±)Á¦(³¢¾±)˹(³§¾±)¾»(´³¾±²Ô²µ)Àû(³¢¾±)Èó(¸é³Ü²Ô)Ôö(´Ü±ð²Ô²µ)ËÙ(³§³Ü)6.28±¶(µþ±ð¾±)ÅÅ(±Ê²¹¾±)ÔÚ(´Ü²¹¾±)¿¿(°­²¹´Ç)Ç°(²Ï¾±²¹²Ô)λ(°Â±ð¾±)ÖÃ(´Ü³ó¾±)£¬¹«(³Ò´Ç²Ô²µ)˾(³§¾±)2022Äê(±·¾±²¹²Ô)ʵ(³§³ó¾±)ÏÖ(³Ý¾±²¹²Ô)Ó¯(³Û¾±²Ô²µ)Àû(³¢¾±)1.33ÒÚ(³Û¾±)Ôª(³Û³Ü²¹²Ô)¡£±¨(µþ²¹´Ç)¸æ(³Ò²¹´Ç)ÆÚ(²Ï¾±)ÄÚ(±·±ð¾±)£¬¹«(³Ò´Ç²Ô²µ)˾(³§¾±)ºË(±á±ð)ÐÄ(³Ý¾±²Ô)²ú(°ä³ó²¹²Ô)Æ·(±Ê¾±²Ô)¼×(´³¾±²¹)»Ç(±á³Ü²¹²Ô²µ)Ëá(³§³Ü²¹²Ô)·ü(¹ó³Ü)ÃÀ(²Ñ±ð¾±)Ìæ(°Õ¾±)Äá(±·¾±)Ƭ(±Ê¾±²¹²Ô)ÉÌ(³§³ó²¹²Ô²µ)Òµ(³Û±ð)»¯(±á³Ü²¹)ÍÆ(°Õ³Ü¾±)¹ã(³Ò³Ü²¹²Ô²µ)ÎÈ(°Â±ð²Ô)²½(µþ³Ü)ÍÆ(°Õ³Ü¾±)½ø(´³¾±²Ô)£¬Æä(²Ï¾±)¶þ(·¡°ù)Ïß(³Ý¾±²¹²Ô)ÖÎ(´Ü³ó¾±)ÁÆ(³¢¾±²¹´Ç)ÊÊ(³§³ó¾±)Ó¦(³Û¾±²Ô²µ)Ö¢(´Ü³ó±ð²Ô²µ)ÓÚ(³Û³Ü)2021Äê(±·¾±²¹²Ô)µ×(¶Ù¾±)±»(µþ±ð¾±)ÄÉ(±·²¹)Èë(¸é³Ü)¹ú(³Ò³Ü´Ç)¼Ò(´³¾±²¹)Ò½(³Û¾±)±£(µþ²¹´Ç)Ä¿(²Ñ³Ü)¼(³¢³Ü)£¬2022Äê(±·¾±²¹²Ô)È«(²Ï³Ü²¹²Ô)Äê(±·¾±²¹²Ô)ʵ(³§³ó¾±)ÏÖ(³Ý¾±²¹²Ô)Ïú(³Ý¾±²¹´Ç)ÊÛ(³§³ó´Ç³Ü)·Å(¹ó²¹²Ô²µ)Á¿(³¢¾±²¹²Ô²µ)£»Æä(²Ï¾±)Ò»(³Û¾±)Ïß(³Ý¾±²¹²Ô)ÖÎ(´Ü³ó¾±)ÁÆ(³¢¾±²¹´Ç)ÊÊ(³§³ó¾±)Ó¦(³Û¾±²Ô²µ)Ö¢(´Ü³ó±ð²Ô²µ)ÓÚ(³Û³Ü)2022Äê(±·¾±²¹²Ô)6ÔÂ(³Û³Ü±ð)»ñ(±á³Ü´Ç)Åú(±Ê¾±)£¬½ø(´³¾±²Ô)Ò»(³Û¾±)²½(µþ³Ü)´ø(¶Ù²¹¾±)¶¯(¶Ù´Ç²Ô²µ)²ú(°ä³ó²¹²Ô)Æ·(±Ê¾±²Ô)Ïú(³Ý¾±²¹´Ç)Á¿(³¢¾±²¹²Ô²µ)¡£

²â´Ç²Ô²µ²õ³ó³Ü³ú¾±°ù±ð²Ô³¾¾±²Ô²ú¾±´Ú²¹²µ´Ç²Ô²µ³ú¾±£¬²â´Ç³Ü²õ³ó²¹³ó²¹´Ç³¦³ó³Ü£¿²õ³ó±ð²Ô²µ³ó³Ü´Ç²õ³ó¾±²â¾±³¦³ó²¹²Ô²µ³¾²¹²Ô³¦³ó²¹²Ô²µ»å±ð±ô±¹³¦³ó±ð²Ô²µ£¬´Ú³Ü³¾¾±²¹²Ô±ç¾±²Ô²µ³æ³Ü²ú³Ü°ì±ð²ú¾±³¾¾±²¹²Ô£¬»å²¹²Ô·É´Ç³¾±ð²Ô°ì±ð²â¾±³æ³Ü²¹²Ô³ú±ð°ù³Ü³ó±ð²â¾±²Ô²µ»å³Ü¾±¡£Âá¾±³ú³ó³Ü³ú³ó±ðÂá¾±»å³Ü²¹²Ô³ó³Ü²¹£¬»å²¹²Ô²µ´Ú³Ü³¾¾±²¹²Ô±ç¾±²Ô²µ³æ³Ü±ô²¹¾±³æ¾±²õ³ó¾±£¬²â´Ç²Ô²µ³Ù²¹³¾±ð²Ô±ô²¹¾±³Ù¾±³æ¾±²Ô²µ³ú¾±Âá¾±£¬»å¾±²¹´Ç³ú³ó±ð²Ô²µ³æ¾±²Ô³Ù²¹¾±£¬³æ¾±²¹²Ô²µ³æ¾±²Ô·É´Ç³¾±ð²Ô»å³Ü²Ô±ð²Ô²µ²â¾±²µ±ð²Ô²µÂá¾±²¹Âá¾±Âá¾±±ô±ð²µ³Ü²¹²Ô»å±ð³Ù²¹¾±»å³Ü³¾¾±²¹²Ô»å³Ü¾±²õ³ó±ð²Ô²µ³ó³Ü´Ç£¬²ú²¹´Ç³ó³Ü³ó²¹´Ç³ú¾±Âá¾±»å±ð³æ¾±²Ô±ô¾±²Ô²µ£¬°ù²¹²Ô²µ°ù±ð²Ô²õ³ó±ð²Ô²µ²µ±ð²Ô²µÂá¾±²¹³¾±ð¾±³ó²¹´Ç³ó±ð³¦³ó´Ç²Ô²µ²õ³ó¾±¡£

#Í·(°Õ´Ç³Ü)Ìõ(°Õ¾±²¹´Ç)Ê×(³§³ó´Ç³Ü)·¢(¹ó²¹)´ó(¶Ù²¹)Èü(³§²¹¾±)##ÉÏ(³§³ó²¹²Ô²µ)º£(±á²¹¾±)##¹ã(³Ò³Ü²¹²Ô²µ)ÖÝ(´Ü³ó´Ç³Ü)#

Ò¡Í·ÌÀ°ü£º¿µÄþ·16ºÅ½­Î÷Ê¡Ñ°ÎÚÏØÊг¡¼à¹Ü¾Ö£ºÏļ¾°²È«£¬ÓÈΪÖØ¡°Ò©¡±¡¶¿§·ÈÓöÉÏÏã²Ý¡·µÚ01¼¯È«¼¯Ãâ·ÑÔÚÏß¹Û¿´-ÈÕ±¾¾çµçÊÓ¾ç-99Ó°Ôºßäßä°®²¹±è±è°²×°ÏÂÔسåßäßä°®(³ÔºÈÍæÀÖÑùÑù¾ãÈ«)°²×¿°æ...

Õâ´ÎÎÒ²»¸øËûÕâ¸öÃæ×Ó²»ÂÛËû˵ʲôÄÄÅÂÊÇÑ¡ÔñÉ¢»ïÎÒÒ²²»È¥

ÉùÃ÷£º¸ÃÎĹ۵ã½ö´ú±í×÷Õß±¾ÈË£¬ËѺüºÅϵÐÅÏ¢·¢²¼Æ½Ì¨£¬ËѺü½öÌṩÐÅÏ¢´æ´¢¿Õ¼ä·þÎñ¡£