栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Angular Cli Webpack,如何添加或捆绑外部js文件?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Angular Cli Webpack,如何添加或捆绑外部js文件?

上次使用angular-cli 7.xx和Angular 7.xx进行测试

可以使用

scripts:[]
in 来完成
.angular-cli.json

{  "project": {    "version": "1.0.0",    "name": "my-project"  },  "apps": [    {      "root": "src",      "outDir": "dist",      "assets": ["assets"],      "index": "index.html",      "main": "main.ts",      "polyfills": "polyfills.ts",      "test": "test.ts",      "tsconfig": "tsconfig.json",      "prefix": "app",      "mobile": false,      "styles": [        "styles.css"      ],      "scripts": [        "../node_modules/jquery/dist/jquery.js"      ],      "environments": {        "source": "environments/environment.ts",        "dev": "environments/environment.ts",        "prod": "environments/environment.prod.ts"      }    }  ],  "addons": [],  "packages": [],  "e2e": {    "protractor": {      "config": "./protractor.conf.js"    }  },  "test": {    "karma": {      "config": "./karma.conf.js"    }  },  "defaults": {    "styleExt": "css",    "prefixInterfaces": false  }}

注意: 正如文档在全局库安装中所建议的那样:如果您更改

styles
(或
scripts
!)属性的值,则:

如果正在运行,请重新启动服务,

..以查看通过

scripts.bundle.js
文件在** globalcontext中执行的脚本。

注意: 如以下注释中所述。也可以使用es6导入语法将通过es6导入(例如jQuery)支持UMD模块的JS库导入到您的打字稿文件中。例如:

import$ from 'jquery';



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575149.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号