加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular – 在ng build期间修改javascript脚本标记的src位置

发布时间:2020-12-17 17:43:14 所属栏目:安全 来源:网络整理
导读:我的index.html文件post ng build具有以下文件 script type="text/javascript" src="inline.bundle.js"/scriptscript type="text/javascript" src="polyfills.bundle.js"/scriptscript type="text/javascript" src="styles.bundle.js"/scriptscript type="te
我的index.html文件post ng build具有以下文件

<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>

如何在src文件夹位置创建角度cli前置’app’,例如src =“/ app / vendor.bundle.js”

我需要进行上述更改,因为我从以’/ app /’开头的文件系统位置加载dropwizard中的所有静态资源

下面是我的angular-cli.json供参考

角cli.json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json","project": {
    "name": "web"
  },"apps": [
    {
      "root": "src","outDir": "dist","assets": [
        "assets","favicon.ico"
      ],"index": "index.html","main": "main.ts","polyfills": "polyfills.ts","test": "test.ts","tsconfig": "tsconfig.app.json","testTsconfig": "tsconfig.spec.json","prefix": "app","styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css","../node_modules/font-awesome/css/font-awesome.min.css","../node_modules/primeng/resources/themes/ludvig/theme.css","../node_modules/primeng/resources/primeng.min.css","styles.css"
      ],"scripts": [],"environmentSource": "environments/environment.ts","environments": {
        "dev": "environments/environment.ts"
      }
    }
  ],"e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },"lint": [
    {
      "project": "src/tsconfig.app.json"
    },{
      "project": "src/tsconfig.spec.json"
    },{
      "project": "e2e/tsconfig.e2e.json"
    }
  ],"defaults": {
    "styleExt": "css","component": {}
  }
}

解决方法

angular-cli.json中有一个deployUrl参数:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json","deployUrl": "/app/",

你的进口将成为:

<script type="text/javascript" src="/app/inline.bundle.js"></script>
<script type="text/javascript" src="/app/polyfills.bundle.js"></script>
<script type="text/javascript" src="/app/styles.bundle.js"></script>
<script type="text/javascript" src="/app/vendor.bundle.js"></script>

那正是你想要的 ?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读