91ÊÓƵרÇø

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

¢Ù ¼ò(Jian)Ô¼(Yue)µ¥(Dan)É«(Se)TÐô(Xu)µÄ(De)¶À(Du)Á¢(Li)´©(Chuan)×Å(Zhuo)

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¡£houlaitakaishizhongxinxuexibiaoyan£¬zhiyanzijixiangyandejiaose£¬baituoguangushenqidebiaoqian£¬ranhoudaojuzutoujianli¡£

2£®»á(±á³Ü¾±)Òé(³Û¾±)ÕÙ(´Ü³ó²¹´Ç)¿ª(°­²¹¾±)µØ(¶Ù¾±)µã(¶Ù¾±²¹²Ô)£ºÉÏ(³§³ó²¹²Ô²µ)º£(±á²¹¾±)Ö¤(´Ü³ó±ð²Ô²µ)ȯ(²Ï³Ü²¹²Ô)½»(´³¾±²¹´Ç)Ò×(³Û¾±)Ëù(³§³Ü´Ç)ÉÏ(³§³ó²¹²Ô²µ)Ö¤(´Ü³ó±ð²Ô²µ)·(³¢³Ü)ÑÝ(³Û²¹²Ô)ÖÐ(´Ü³ó´Ç²Ô²µ)ÐÄ(³Ý¾±²Ô)

×ݹ۽ü8ÄêÀ´µÄ»ù½ð·¢ÐÐÊý¾Ý£¬Ð·¢»ù½ð¹æÄ£±È½ñÄê5Ô¸üÉٵĽöÓÐ2015Äê8ÔºÍ9Ô£¬¶ø±ËʱÊг¡¸Õ¸Õ¾­ÀúÁËÒ»ÂÖ¡°Ê·Ê«¡±°ãµÄ´óµø¡£Óɴ˿ɼûÈç½ñ»ù½ð·¢ÐÐÊг¡ÓжàôÇåµ­¡£ÏÖÔÚµÄÓéÀÖȦÀÓÐÌ«¶à»ëË®ÃþÓãµÄÈËÁË£¬¶ÔÑÝÔ±µÄ±ê×¼±äµÄºÜµÍ£¬×öÑÝÔ±µÄÃż÷Ò²±äµÃµÄºÜµÍ£¬ÓÐÁ÷Á¿¾Í¿ÉÒÔË£´óÅÆ£¬Ñݼ¼ÊÇ´ÎÒªµÄ¡£¡¶¼·¹«½»³µ»¬½øÁËH´ó¶ÇÉú×Ó¡·Ãâ·Ñ¸ßÇåÔÚÏß¹Û¿´ - È«¼¯...

Ò»¶ÔÒ»ÔìÐÇÕûÈÝ19ËêÅ®º¢Õð¾ªÊÀÈË

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