如何使用NPM运行.ts文件脚本和angular 5构建
我有一个扩展名为.ts的文件,我想先执行这个文件,然后运行npm run build来构建我的angular 5项目如何使用NPM运行.ts文件脚本和angular 5构建,angular,typescript,npm,ts-node,Angular,Typescript,Npm,Ts Node,我有一个扩展名为.ts的文件,我想先执行这个文件,然后运行npm run build来构建我的angular 5项目 package.json "scripts": { "ng": "ng", "start": "ng serve", "compile": "npm-run-all myts build", "myts": "ts-node git.version.ts", "build": "ng build --prod", "test":
package.json
"scripts": {
"ng": "ng",
"start": "ng serve",
"compile": "npm-run-all myts build",
"myts": "ts-node git.version.ts",
"build": "ng build --prod",
"test": "ng test",
},
我得到了这个错误
npm运行编译
如果我运行,这就是工作
ts节点git.version.ts
问题是我无法使用npm运行串行脚本
按以下方式修改package.json:
解释
&&确保第一个命令运行,然后是另一个命令。
你不需要npm来运行所有这些
但是如果您想使用npm run all,那么请安装npm run all-save dev
按以下方式修改package.json:
解释
&&确保第一个命令运行,然后是另一个命令。
你不需要npm来运行所有这些
但是如果您想使用npm run all,那么请安装npm run all-save dev
我将node/express/angular与typescript一起使用,发现只有一种方法可以用一个命令完成所有工作,而无需安装任何东西 我的方式让我: 1.将节点ts服务器文件编译为js,并观察ts文件中的更改 2.编译angular项目,将其提供给节点服务器,并观察angular中的更改 3.运行节点服务器并在发生更改时重新启动它 我所做的就是运行npm start mypackage.json
{
"name": "node",
"version": "1.0.0",
"description": "",
"main": "./dist/server.js",
"scripts": {
"start": "start tsc --watch & cd ../angular & start ng build --watch & cd ../node & timeout 15 & start nodemon --watch ../angular/dist --watch dist"
},
"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.16.3",
"ws": "^6.0.0"
},
"devDependencies": {
"@types/express": "^4.16.0",
"@types/node": "^10.9.2",
"@types/ws": "^6.0.0",
"typescript": "^3.0.1"
}
}
我的项目结构:
My_project
- node
- angular
tsconfig.json optons:
"outDir": "dist",
"rootDir": "src"
我将node/express/angular与typescript一起使用,发现只有一种方法可以用一个命令完成所有工作,而无需安装任何东西 我的方式让我: 1.将节点ts服务器文件编译为js,并观察ts文件中的更改 2.编译angular项目,将其提供给节点服务器,并观察angular中的更改 3.运行节点服务器并在发生更改时重新启动它 我所做的就是运行npm start mypackage.json
{
"name": "node",
"version": "1.0.0",
"description": "",
"main": "./dist/server.js",
"scripts": {
"start": "start tsc --watch & cd ../angular & start ng build --watch & cd ../node & timeout 15 & start nodemon --watch ../angular/dist --watch dist"
},
"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.16.3",
"ws": "^6.0.0"
},
"devDependencies": {
"@types/express": "^4.16.0",
"@types/node": "^10.9.2",
"@types/ws": "^6.0.0",
"typescript": "^3.0.1"
}
}
我的项目结构:
My_project
- node
- angular
tsconfig.json optons:
"outDir": "dist",
"rootDir": "src"
谢谢,我忘记了这个问题。谢谢,我忘记了这个问题。谢谢@RTW TMIlittle changes。新增-观看dist,全球不要忘记isntal nodemon:谢谢@RTW TMILILITLE更改。新增-全球关注dist,别忘了isntal nodemon: