Question

我使用angular-cli（4）制作组件（带有相关模块），并希望在其他角度cli项目中使用它。

示例：仪表板组件，网格......

问题1.有人可以用一种简单的方式告诉我，我如何准备/重用我的组件/模块（使用angular-cli制作）。？

之后我可以用NPM发布它。

Answer 1

重复使用组件和模块的最佳方法是简单地制作锅炉板模板。一旦您添加了＆＃39;信息中心＆＃39;和＆＃39;帐户＆＃39;和＆＃39;导航＆＃39;将其结构直接复制粘贴到项目中供以后使用。如果存在，请随意删除node_modules文件夹（和dist文件夹）以节省一些空间。

复制/粘贴以用作新项目的样板时需要注意的事项：

您需要首先运行npm install来构建node_modules
在package.json文件中，您需要重命名项目（文件顶部）
您可以在任何额外的努力下初始化为任何git repo。

如果要将模块和/或组件集添加到其他项目，则必须手动将它们复制/粘贴到新项目中，然后将它们导入到正确的位置。假设您具备Angular应用程序结构的基本知识，这是一个简单的过程。

Answer 2

我刚刚推出List<Employee> employees = ... int[] ids = ... var orderEmployees = ids.Select(id => employees.Single(employee => employee.ID == id)) .Concat(employees.Where(employee => !ids.Contains(employee.ID)).ToList();的首发。您可以在此处找到它：https://github.com/arunredhu/Angular-library-starter

Answer 3

我想在我自己的项目中重复使用它。

我的指示：

git clone https://github.com/arunredhu/Angular-library-starter.git

npm install
npm run build
将dist文件夹复制到我项目中的文件夹（稍后将由npm安装）
我添加了＆＃34;脚本＆＃34;：[＆＃34; ./ external_libraries / angular-library-starter / src / core-ui.module.js＆＃34 ]
在我的shared.module.ts中添加行：

从中导入{CoreUIModule} ＆＃39; ./../../../ external_libraries /角库起动/ DIST / SRC /芯ui.module＆＃39 ;;

将CoreUIModule添加到导入。

将CoreUIModule添加到shared.module.ts的导出

我补充说：＆lt;应用程序报头＆GT;＆LT; /应用程序报头＆GT;
ng serve

我收到此错误：

    WARNING in ./src/external_libraries/angular-library-starter/dist/src/core-ui.module.js
(Emitted value instead of an instance of Error) Cannot find source file '../../src/core-ui.module.ts': Error: Can't resolve '../../src/core-ui.module.ts' in 'C:\Users\x\Documents\Visual Studio 2015\Projects\web\sr
c\external_libraries\angular-library-starter\dist\src'
 @ ./src/app/modules/shared/shared.module.ts 84:0-109
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

WARNING in ./src/external_libraries/angular-library-starter/dist/src/header/header.component.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../src/header/header.component.ts': Error: Can't resolve '../../../src/header/header.component.ts' in 'C:\Users\x\Documents\Visual Studio 2015\P
/header/header.component.ts': Error: Can't resolve '../../../src/header/header.compon
ent.ts' in 'C:\Users\x\Documents\Visual Studio 2015\Projects\web\src\ex
ternal_libraries\angular-library-starter\dist\src\header'
 @ ./src/external_libraries/angular-library-starter/dist/src/core-ui.module.js 2:0-63

我做错了什么？

如果我只是用户说明1,2,3,4，我会收到此错误：

Module not found: Error: Can't resolve 'C:\Users\x\Documents\Visual Studio 2015\Projects\web\src\external_libraries\angular-library-starter\src\core-ui.module.js' in 'C:\Users\x\Documents\Visual Studio 2015\Pr
ojects\web\node_modules\@angular\cli\models\webpack-configs'

Angular 2，angular 4，为多个项目创建自己的组件库

3 个答案: