我有以下文件夹结构
dist
src
module1
m1.ts
module2
m2.ts
.tsconfig.json
...
我已经tsc
配置为输出,dist/js
所以运行后npm run tsc
我有以下内容:
dist
js
module1
m1.js
module2
m2.js
src
...
经过一番努力,我设法融入ng-bootstrap
了我的项目。
如果我import
来自ng2-bootstrap
我的应用程序的某个地方,例如:
import { ACCORDION_DIRECTIVES } from 'ng2-bootstrap/components/accordion';
并将npm run tsc
我的文件夹结构更改为:
dist
js
node_modules
ng2-bootstrap
components
accordian
...
src
module1
m1.js
module2
m2.js
src
....
为什么会这样?
我包括:<script src="/vendor/ng2-bootstrap/bundles/ng2-bootstrap.js"></script>
在我的index.html
我可以用 angular2 做到这一点
<script src="/vendor/angular2/bundles/angular2.dev.js"></script>
,
import {Component} from 'angular2/core'
并且这不会创建dist/js/node_modules/angular2
文件夹
更新
这是我的 tsconfig.json 的内容
{
"compilerOptions": {
"target": "ES5",
"outDir": "./dist/js",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules",
"dist",
"typings/main",
"typings/main.d.ts"
]
}