基于nrwl搭建项目

创建项目

参考文章:

https://nx.dev/angular

https://ng.ant.design/docs/introduce/zh

https://antv.vision/zh

1,使用 npm init创建

npm init nx-workspace ng-demo

创建过程

image.png

2,添加ng-molain依赖
image.png

以上依赖需要切换到公司服务器下载

npm install -g nrm
nrm add parim http://npm.parim.net
nrm use parim

@ng-molain/components 还需要添加依赖ng-zorro-antd, cropperjs

cd ng-demo

ng add ng-zorro-antd
npm install cropperjs
npm install ngx-countdown
npm install file-saver
ng add @ng-molain/common
ng add @ng-molain/components

ng add @ng-molain/drag-drop

npm install @antv/g2
npm install @antv/data-set 
npm install @antv/g2-plugin-slider
ng add @ng-molain/g2-charts

另外需要在angular.json中引入js如下:
"scripts": [
"node_modules/@antv/g2/build/g2.js",
"node_modules/@antv/data-set/dist/data-set.min.js",
"node_modules/@antv/g2-plugin-slider/dist/g2-plugin-slider.min.js"
]

image.png

3,创建angular组件库

ng g @nrwl/angular:library course

因为新创建的模块名已经到基于 baseUrl 的路径映射的列表中,所以在应用中引入组件应

import { CourseModule } from '@ng-demo/course';

4,创建shared模块,包含全局应用到的公共模块,在tsconfig.json中添加映射路径,应用程序、组件库都可以引入。

5,打包时报错

Your global Angular CLI version (8.3.21) is greater than your local
version (8.3.14). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".
Browserslist: caniuse-lite is outdated. Please run next command `npm update`
Generating ES5 bundles for differential loading...
An unhandled exception occurred: Call retries were exceeded
See "C:\Users\EDZ\AppData\Local\Temp\ng-cZbxQ5\angular-errors.log" for further d
etails.

同样在日志中,提到[错误]错误:在ChildProcessWorker.initialize中超过了呼叫重试,解决方案:在package.json添加"build:demo"脚本为:ng build demo --prod --build-optimizer

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 假如我是一只钢笔,我会乐意为主人效劳。吸满一肚子的墨水,盖好笔杆,跑到主人的手中,主人说双双的写起字,我就在这不停...
    夏卫英阅读 501评论 0 1
  • 满是梨花空,相思自不从。 花下蝴蝶曲,遥遥此梦胧。 白玉携香客,点点烟雨浓。 弃之三生畔,古寺晚敲钟。
    李氏小乙阅读 263评论 0 0
  • 我是彦彦,已经坚持每天写关于书店创业的原创文章1年又120天(第485篇)。我希望我的每篇文章都可以为想开书店的你...
    彦值圈阅读 278评论 0 3
  • 725ae8c9ed7f阅读 153评论 0 0
  • ——予诗 热闹的朋友圈里 藏着千回百转的寂寞和孤独 当你我感到孤独时 无论朋友圈里有多少人 其实 无处诉说
    予诗阅读 190评论 1 3

友情链接更多精彩内容