angular5中引入第三方插件

angular5中引入第三方插件有很多坑,自己自行百度了好多,例如在index.html里面引入js,又或是在.angular-cli.json 下面的scripts[]数组里面添加js路径,无论路径是node-modules还是assets,打包 开启服务都会报错,如果你看不懂,不重要,下面写一下我用了两天时间才导入第三方插件的方法,拿md5做个例子

打开cmd 进入项目 ,输入命令行

1. npm install 插件名称 --save

angular5中引入第三方插件_第1张图片

 

2. npm install 插件名称 –save-dev

angular5中引入第三方插件_第2张图片

3. npm install @types/插件名称--save

angular5中引入第三方插件_第3张图片

4. npm install @types/插件名称—save-dev

angular5中引入第三方插件_第4张图片

5.最后一步在要用的component.ts中导入

angular5中引入第三方插件_第5张图片

6.成功以后重启服务npm start

输入打包命令npm run build 测试一下

你可能感兴趣的:(angular5中引入第三方插件)