Question

最近我开始玩角度2教程并且对项目结构感到困惑，所以我决定为自己制作更方便的东西。但由于我是npm的新手，我想得到一些意见和建议。

这是我项目的结构：

node_modules
package.json
other_conf_files
src
  app (typescript + typescript html templates)
  static
    assets
      img
      css
    index.html
    systemjs.config.js (put it here as exception to get in the root of dist)

这是我当前项目的package.json的脚本部分：

  "scripts": {
    "clean": "rimraf dist",

    "codecheck": "tslint -c tslint.json --force src/app/**/*.ts",

    "build:ts":"tsc --outDir dist --rootDir src",
    "build:ts:w": "tsc --outDir dist --rootDir src -w",

    "build:resources": "cpx src/static/**/* dist && cpx src/app/**/*.{html,css} dist/app",
    "build:resources:w": "onchange src/static src/app/**/*.{html,css} -- npm run build:resources",

    "prebuild": "npm run clean && npm run codecheck",
    "build": "npm run build:resources && npm run build:ts", 

    "server": "lite-server",
    "start": "npm run build && concurrently \"npm run build:ts:w\" \"npm run build:resources:w\" \"npm run server\" ",

    "typings": "typings",
    "postinstall": "typings install"
  }

Lite服务器来自./dist和./node_modules。以下是“npm start＆＃39;

的结果。”

dist
  app
  assets
    css
    img
  index.html
  systemjs.config.js

你的剧本会改变什么？为什么？这里有什么不对或有害吗？附：我不考虑改用gulp \ grunt。

UPD。指向相关博客的链接

Npm作为构建工具：如何使我的angular2应用程序构建更好

0 个答案: