Séparer Angular2 Tapuscrit de fichiers et les fichiers JavaScript dans différents dossiers, peut-être 'dist‘

Je suis en utilisant le 5 min de démarrage rapide angulaires.io site web, qui contiennent un fichier de structure comme ceci:

angular2-quickstart
 app
   app.component.ts
   boot.ts
 index.html
 license.md
 package.json
 tsconfig.json

le tsconfig.json est un bloc de code comme ceci :

{
  "compilerOptions": {
    "target": "ES5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules"
  ]
} 

Également le package.json:

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

- Je changer la sourceMap de true à false, alors dans l'éditeur de code, le fichier n'est pas généré de nouveau, mais le fichier js toujours générée.

Je veux travailler sur un seul fichier ts et ne voulez pas d'obtenir un brunch de js et js.fichier de la carte, que dois-je faire pour mettre tous mes fichiers ts dans mes habitudes de développer floder comme dossier app et tous les js et js.carte fichiers dans un dossier appelé dist?

Un bon exemple de cela pourrait être angular2-webpack-démarrage rapide. Mais je n'arrive pas à comprendre comment ils font ça?

Tout conseils sur la façon de le faire, bien sûr, pas manuellement.

Merci,

  • vous devez compiler le fichier d'enregistrement pour js c'est la façon dont le navigateur lit, prendre un coup d'oeil au format: "s'inscrire", defaultExtension: 'js' dans votre index.html
  • angular2-webpack-démarreur est très bien jusqu'à date, il est actuellement sur la beta 1. Vous suggérons de vous familiariser avec git (en particulier git pull).
  • Je prends la angular2-webpack-démarrage et commencer à se développer comme il y a un mois, mais il est réglé sur une autre distance privé github url déjà, donc dans ce cas, comment dois-je mettre à jour avec angular2-webpack-démarreur, la partie de qui dois-je mettre à jour? Merci.
  • Vous pouvez simplement remplacer votre colis.json avec de l'actuel à partir d'ici, lien effacer node_modules et npm install de mettre tout à jour
  • Ne ce raheel shan a dit. À l'EXCEPTION de system.config.js il doit être 'app': 'dist/app' // au lieu de simplement 'dist'
  • Il y a une extension pour VS Code voir ma réponse: stackoverflow.com/a/41256608/234110 pour plus de détails

InformationsquelleAutor Xinrui Ma | 2016-01-08