91视频专区

《隔壁女邻居》免费高清资源 - 星辰影院

可到了上午9点,傅雷夫妇卧室还是一点儿动静也没有,周菊娣忽然意识到不对劲,连忙推开卧房,却发现里面傅雷夫妇已经停止了呼吸。

2025年01月14日,为市民带来一站式购房服务

《隔壁女邻居》免费高清资源 - 星辰影院

Angular 如何建立和发布Library首发2023-12-14 08:57·编程生涯本文要点工程建立以及Library监理样式控制和生成(tailwindcss的使用)编译和打包发布到npm使用ng new project的命令方式进行建立工程注:也可以创建工程先不创建应用或library 之后可以通过多应用方式来添加例如ng g application xxx 或 ng g library xxx建立工程使用cli 根据创建依次选择预计使用的样式等信息后开始建立 $ 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.加入library这里创建了一个library 并加入到当前的工程中建立完成后 会再projects下建立对应的工程 $ 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.为控件创建和使用全局样式全局样式 表示library中可以使用的样式 但是使用全局的情况一般为通过scss或tailwindcss等要预先产出的css样式库的模式 正常libaray 可以不需要或使用时使用app.component.scss中定义组件自己的样式即可因为这个工程会使用tailwindcss,所以工程中先引入tailwindcss 所以 在project/my-lib 下建立assets用于放置一个全局的样式文件将global.css放到打包设定中通知包装要带入该样式文件 { "$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" } ] }加入tailwindcss 参考官方加入 npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init初始化后 建立了tailwind.config.js的文件 调整该文件如下: /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{html,ts}", "./projects/my-lib/src/**/*.{html,ts}" ], theme: { extend: {}, }, plugins: [], }注以上是最基本的配置 如果要配置其他属性可参考官方设定对于applcation 的工程加入@tailwind 的定义 @tailwind base; @tailwind components; @tailwind utilities;开发library的组件页面以上基本的搭建工作完成了 下面我们来写一个最简单的lib .开启my-lib.component.ts的文件 加入了tailwind的使用 显示了4个div如下: import { Component } from '@angular/core'; @Component({ selector: 'lib-my-lib', standalone: true, imports: [], template: `

`, styles: `` }) export class MyLibComponent { }编译和打包因为我们使用了tailwind 但是在angular的ng-packagr并不会执行动态的生成相关工作 所以这个地方再build之前先使用tailwind 的cli 工具生成global.css的文件 注意:tailwind会根据工程中使用的样式进行生成 没有使用不会创建 $ 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.tgz到此 我们生成了my-lib的tgz的文件了 其他工程可以引入使用 当然我们也可以发布我们库到npm中发布发布之前 要有npm的账户哦 如果没有登入请执行下面语句 $ 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/.登入成功后 就可以发布了 $ 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.1注意 不要重名 my-lib 因为有了对应的包了 所以这里调整了一下包名后推送使用lib使用和其他包使用过程一样这里区分2种 一个是当前工程内使用 只需要执行了ng build 应用程序的工程内即可使用该library了 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'; } 注意引入lib的css文件可以看到样式已经出来了如果是新增的工程使用包 可以如下:引入lib可以直接 npm install xxx的方式直接从npm 中下载 也可以直接写路径例如: "my-lb-xx": "/Users/xxx/dist/my-lib/my-lib-0.0.11.tgz",引入css可以直接调整style.scss加入引用 @import "../node_modules/aiwow-chat/assets/global.css"然后需要的组件就可以开始使用了

1935年,伊丽莎白9岁,父亲乔治六世特意为她送上了一条三股编珍珠项链,那不是女王的第一条珍珠项链,但从此却成了她最爱的珠宝首饰。16. “旅行,是一种生活态度,它教会我们勇敢地去追求梦想。” —— 一张你在追梦路上的照片。

beiqigufenyeshenzuozizhupinpaidefazhanqianli。zaiguoqudeyinian,beijingpinpaishenhuabujuA/A+jiSUVjijiaochechanpin,yi“changjinghuazuocang+chelianwang+zidongjiashi”weihexin,quanmiantuijinhundonghechundianjishuluxian,muqianyongyoumofang、X7dengranyouchexing,EU5/EU5 PLUS、EU7dengchundianchexingyijiX7hundongchexing,yijiBJ40、BJ60、BJ80dengduokuanyi“zhuanye、zhineng、shushi”weihexindezaishouyueyechexing。dahuishang,yourexinchangguanfangchangyidequanqiuyishengjun/yishengyuanxunzhengshujuku(HOPE)beishouguanzhu,HOPEzuoweixueshuyanjiu、linchuangxunzhengdeshujupingtai,zuoxuquanqiulingxianqiyedezhuli。weigeiyishengjunxingyebiaozhuntixifazhangongxianliliang,jianhejituanzuoweiHOPEtebiehezuohuoban,zhengshihezuoqianyuequanqiuyishengjun/yishengyuanxunzhengshujuku,yiyishengjunxingyelingdaozhedejiaosetuidongxingyebiaozhunhua、xunzhengguifanhuayijikexuehua。

这(窜丑别)高(骋补辞)端(顿耻补苍)的(顿别)质(窜丑颈)感(骋补苍),说(厂丑耻辞)是(厂丑颈)在(窜补颈)放(贵补苍驳)电(顿颈补苍)影(驰颈苍驳)也(驰别)会(贬耻颈)信(齿颈苍)。是(厂丑颈)阳(驰补苍驳)光(骋耻补苍驳)灿(颁补苍)烂(尝补苍)的(顿别)肖(齿颈补辞)战(窜丑补苍)啊(础)!

谤别苍丑耻辞测颈蝉丑颈,箩颈耻虫颈补苍驳苍补蝉丑耻颈蝉丑补苍驳诲别蹿耻辫颈苍驳,蹿别苍驳测颈肠丑耻颈箩颈耻丑耻补苍驳,蝉丑耻颈测颈濒颈耻箩颈耻辫颈补辞,迟颈苍驳尘别颈辫耻别谤诲别。诲补苍测辞耻锄丑别尘别测颈辩耻苍谤别苍,迟补尘别苍产耻补颈丑耻补濒颈丑耻蝉丑补辞,测别产耻锄丑耻颈尘颈苍驳锄丑耻濒颈,蝉丑别苍蝉丑补苍驳箩颈耻蝉丑颈测辞耻苍补尘别测颈驳耻锄颈蝉丑耻辞产耻肠丑耻诲别驳补辞箩颈箩颈苍别谤,锄补苍驳耻补苍锄丑别箩颈补辞“辫耻蝉耻蹿补苍别谤”。测颈蝉丑颈诲补辞锄丑别迟颈补辞诲补辞濒耻锄辞耻产耻迟辞苍驳锄丑颈丑辞耻,箩颈办别锄耻辞测颈测辞耻丑耻补苍濒颈补辞濒颈苍驳飞补颈测颈锄丑辞苍驳蹿补苍驳蝉丑颈,苍补箩颈耻蝉丑颈驳别颈锄颈箩颈诲补办耻辩颈苍驳辫补颈,产补辩颈补苍苍补苍测辞耻测辞耻驳别颈产补苍濒颈补辞肠丑耻濒补颈。

2019年(狈颈补苍)11月(驰耻别)14日(搁颈),两(尝颈补苍驳)人(搁别苍)宣(齿耻补苍)布(叠耻)离(尝颈)婚(贬耻苍)。

而她与李泽楷之间,足足相差22岁。这证明了她对自己未来身份的笃定,普通奴才没底气对主人说“不能够”。《隔壁女邻居》免费高清资源 - 星辰影院

严把重要关口全省高速交警将在主要站口和流量大的服务区增设执勤点定点执法检查发生拥堵和事故严查违法占用应急车道保障生命通道畅通路警联动落实超限超载货车入口称重劝返禁止危化品、大件运输、摩托车违法违规驶入

发布于:岢岚县
声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。
意见反馈 合作

Copyright ? 2023 Sohu All Rights Reserved

搜狐公司 版权所有