Question

我使用“ng new Sample”生成一个新的Angular2文件夹。 Angular的版本是2.1.0。文件夹结构是：

angular-cli.json  
karma.conf.js      
package.json       
protractor.conf.js 
README.md          
tslint.json        
node_modules       
e2e                
src     
   ----app     
     ------app.component.css    
     ------app.component.html   
     ------app.component.spec.ts     
     ------app.component.ts     
     ------app.module.ts        
     ------index.ts

tsconfig.json文件：

    {
      "compilerOptions": {
        "outDir": "${workspaceRoot}/debug",
        "sourceMap": true,
        //"inlineSources": true,
        "rootDir": "${workspaceRoot}",
        "target": "es5",
        "typeRoots": [
          "../node_modules/@types"
        ]
      }
    }

然后我运行“ng build”，下面的文件输出到“dist”文件夹。但事实上，我没有在任何配置文件中设置文件夹“dist”。

              Asset       Size  Chunks             Chunk Names
      main.bundle.js    2.75 MB    0, 2  [emitted]  main
    styles.bundle.js    10.2 kB    1, 2  [emitted]  styles
           inline.js    5.53 kB       2  [emitted]  inline
            main.map     2.8 MB    0, 2  [emitted]  main
          styles.map      14 kB    1, 2  [emitted]  styles
          inline.map    5.59 kB       2  [emitted]  inline
          index.html  474 bytes          [emitted]

我的问题是如何在不使用gulp的情况下使用ng build分别将ts，map和js文件输出到一个文件夹中？什么是inline.js？为什么文件输出到dist文件夹？

Answer 1

如果您检查文件夹，则应该有一个名为的文件：

angular-cli.json

打开此文件并转到：

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],

更改outDir文件夹的路径。

如何使用ng build生成ts，map和js文件到同一个文件夹中？

1 个答案: