angular - Angular中css和js本地化的解决方案是什么,不需要上网就可以正常工作
问题描述
我想用 Angular 中的本地方法(独立于互联网)替换以下行代码。
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
最好的方法是什么(使用代码)?
完整的html文件如下:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<meta charset="utf-8">
<title>Angular10</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
我改变了 angular.json 如下:
"styles": [
"src/styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.slim.min.js",
"../node_modules/popper.js/dist/umd/popper.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
]
并下载所需的文件,但它不起作用。
解决方案
推荐阅读
- java - imageView 不显示来自外部存储的图像
- mysql - Mysql,每周一和周二插入查询
- swift - 处理未知的 UTF8 字符
- d3.js - attr() 不会更改属性,除非我通过匿名函数返回它
- javascript - 问题倍数计数器编号同一页
- javascript - 清除 Buefy 日期选择器
- postgresql - jooq UTC localdatetime 在保存和加载之间更改
- c# - 如何解决:无法将 system.collections.generic.list 隐式转换为 system.collections.generic.ienumerable
- php - 将数据表中的数据添加到 laravel 中的模态
- talend - 根据 DB 表完成状态在 Talend 上执行子作业