Bygg med npm

Jag har äntligen insett att man kan bygga sina projekt med npm istället för Gulp eller Grunt. Jag tycker att Gulp och Javascript känns onödigt komplicerat, och vill hellre använda GNU Make och bash-skript, men npm kanske är ett bra mellanting?

Istället för att jag berättar hur man gör, läs här:

Här kommer ändå ett väldigt enkelt exempel på en package.json som jag satte ihop, med enbart de relevanta delarna:

{
  "devDependencies": {
    "npm-run-all": "^4.1.1", 
    "node-sass": "^4.5.3",
    "typescript": "^2.4.2"
  },
  "scripts": {
    "clean": "rm -rf dist/*",
    "build": "npm-run-all -p build:*",
    "watch": "npm-run-all -p watch:*",
    "build:styles": "node-sass src/styles -o dist/styles",
    "watch:styles": "node-sass --watch src/styles -o dist/styles",
    "build:scripts": "tsc",
    "watch:scripts": "tsc --watch"
  }
}

Du bygger med kommandot npm run build och kompilerar vid varje förändring med npm run watch.

Det utgår från att Javascript/Typescript ligger i src/scripts och SCSS/CSS ligger i src/styles. Output hamnar sedan i mappen dist.

Utöver detta krävs en tsconfig.json med information till Typescript-kompilatorn:

{
    "compilerOptions": {
        "target": "ES5",
        "module": "commonjs",
        "allowJs": true,
        "outDir": "dist/scripts"
    },
    "include": [
        "src/scripts/*.ts",
        "src/scripts/*.js"
    ]
}

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *