在 ng build 期间修改 javascript 脚本标签的 src 位置 [英] Modify the src location for javascript script tags during ng build
本文介绍了在 ng build 期间修改 javascript 脚本标签的 src 位置的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的 index.html 文件 post ng build 有以下文件
My index.html file post ng build has the below files
<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 文件夹位置使 Angular cli 在 'app' 前面添加,例如 src="/app/vendor.bundle.js"
How can I make angular cli prepend 'app' in the src folder location, for example src="/app/vendor.bundle.js"
我需要进行上述更改,因为我是从以/app/"开头的文件系统位置在 dropwizard 中加载所有静态资产
I would need to make the above change since I am loading all my static assets in dropwizard from a file system location starting with '/app/'
以下是我的 angular-cli.json 供参考
Below is my angular-cli.json for reference
angular-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
参数:
There is a deployUrl
parameter inside your angular-cli.json :
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "web"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"deployUrl": "/app/",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
您的导入将变成:
<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>
这就是你想要的吗?
这篇关于在 ng build 期间修改 javascript 脚本标签的 src 位置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文