在Angular2中組織js文件

我讀整個Angular Style Guide。在Angular2中組織js文件

這是一個很好的起點，但缺乏一些觀點。

例如：我們應該在哪裏放置生成的JavaScript文件？默認tsc把這些文件放在.ts文件的同一個文件夾中，但是用這種方式項目文件夾變得非常非常髒。

我創建了一個「wwwroot」文件夾，我把生成的JS，但我不喜歡這種方式，因爲我也有到.css and.html文件複製在wwwroot。

是否有最佳做法？

非常感謝

來源

2016-10-10 user3471528

我把我的自定義JS文件到我的資產文件夾中放置一個js目錄。這種方式可以在編譯和準備分發或製作時通過應用程序訪問。

所以，你的文件結構應該是這樣的，

assets/js/custom.js

然後在您的src/index.html文件，你可以做到這一點，

<script src="assets/js/custom.js"></script>

來源

2016-10-10 16:15:31 wuno

如果您正在使用的角度2，並且具有設置這個煩惱我建議使用Angular CLI。這將爲您抽象出很多這樣的內容，並快速啓動並編寫代碼。這是一個理想的選擇，所以開始考慮;）。

回答你的問題。我總是做的是使用tsconfig.json文件來定義我的打印機編譯器的工作方式。在這裏我定義了我的out目錄，其中打印了腳本文件。

{ 
    "compilerOptions": { 
    "target": "es5", 
    "noImplicitAny": false, 
    "removeComments": true, 
    "sourceMap": true, 
    "module": "es2015", 
    "experimentalDecorators": true, 
    "emitDecoratorMetadata": true, 
    "moduleResolution": "node", 
    "outDir": "out", 
"types": [ 
     "es6-shim", 
     "jasmine", 
     "lodash", 
     "node", 
     "toastr" 
    ] 
    }, 
    "exclude": [ 
    "out", 
    "node_modules", 
    "dist", 
    "reports" 
    ], 
    "version": "2.0.2" 
}

這是我的一個配置的整個文件。查看outDir選項。

來源

2016-10-10 16:19:41 KwintenP

Hi KwintenP。我也使用outDir屬性。問題也集中在.css和.html文件上。你「out」dir包含生成的js文件，但是組件的.html和.css怎麼樣？ – user3471528

要使用CSS文件和html文件我更喜歡使用Webpack。 Webpack是一個模塊打包器，它允許您將整個應用程序捆綁到一個可以在瀏覽器中運行的包中。角度cli也使用引擎蓋下的webpack，所以檢查一下。 – KwintenP

在Angular2中組織js文件

回答

相關問題