angular打包后在其他前端项目中引用

前言：突发奇想，angular打包后是编译成HTML和js文件的，那我在其他的项目中，是否能使用angular做的大瞎拍一些组件功能呢？

1.ng build打包后dist文件，里面除了一个root标签，滚羡就是一些js引用。这里涉及到他的一些底层的编译。因为他最后编译后，都是会编译成HTML和js文件。

2.模仿引入他的js文件。新建一个HTML，将上述打包好的js文件引入，注意，需要引入base这个标签和root这个标神圆签

1、安装node, yarn,网上对应的都有安装教程

2、执行yarn global add @angular/cli，安装angular的脚手架,运行ng version查看是否安装成功

3、执行ng new projectName --style=less 创建样式语法为less的项目

可用选项

--dry-run: boolean, 默认为 false, 若设置 dry-run 则不会创建任何文件

--verbose: boolean, 默认为 false

--link-cli: boolean, 默认为 false, 自动链接到 @angular/cli 包

--skip-install: boolean, 默认为 false, 表示跳过 npm install

--skip-git: boolean, 默认为 false, 表示该目录不初始化为 git 仓库

--skip-tests: boolean, 默认为 false, 表示不创建 tests 相关文件

--skip-commit: boolean, 默认为 false, 表示不进行初始提交

--directory: string, 用于设置创建的目橘汪录名，默认与应用程序的同名

--source-dir: string, 默认为 'src', 用于设置源文件目录的名称

--style: string, 默认为 'css', 用于设置选用的样式语法 ('css', 'less' or 'scss'纤指)

--prefix: string, 默认为 'app', 用于设置创建新组件时，组件选择器使用的前缀

--mobile: boolean, 默认为 false,表示是否生成 Progressive Web App 应用程序

--routing: boolean, 默认为 false, 表示新增带有路由信息的模块，并添加到根模块中

--inline-style: boolean, 默认为 false, 表示当创建新的应用程序时，使用内联样式

--inline-template: boolean, 默认为 false, 表示当创建新的应用程序时，使用内联模板

4、运行项目

   ng serve  命令启动项目

   ng serve --open 启动完毕会自动打开浏览器，可以简写成 ng serve --o

5、打包项目

执行ng build--prod--build-optimizer命令打包

6、运行打包文件

mac电脑进入dist文件下的打包文件，运行python -m SimpleHTTPServer 8080命令后，在浏览器输入localhost:8080即可展示项目页面

windows，运行yarn global add http-server或者npm install http-server -g安装http-server插件，进入打包文件根目录，执行http-server，即可运行打包项目圆竖仔

这个界面应该是你配置了自动挂在，而且最后写入了1或祥隐者是2，而盘猜宴差掉了，你开机的时候检测不通过就出现这个界面，可以按照这个界穗皮面进急救模式，将/etc/fstab文件里面对应挂载错误的盘的哪一行的最后是否启动时检测都改为0.就可以正常启动。

---