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

Posted 2023-04-08

参考技术A 前言：突发奇想，angular打包后是编译成html和js文件的，那我在其他的项目中，是否能使用angular做的一些组件功能呢？
1.ng build打包后dist文件，里面除了一个root标签，就是一些js引用。这里涉及到他的一些底层的编译。因为他最后编译后，都是会编译成HTML和js文件。
2.模仿引入他的js文件。新建一个HTML，将上述打包好的js文件引入，注意，需要引入base这个标签和root这个标签

Webpack前端项目打包配置

参考技术A

1、安装依赖包

初始化项目为nodejs项目

另一种是在html中通过img标签的src引入，因为webpack对html支持不友好，所以需要借助插件html-webpack-plugin

第三种是借用拷贝插件，直接强行拷贝所有图片，因为本项目图片是在xslt中引用，所以采用第三种和第一种结合的方式处理图片，在plugin参数中添加

如果css是与其余的css一起打包，那么其中对fonts资源的引用路径也会自动发生变化，一定注意，是个大坑！！