pulp + parcel

pulp + parcel

kosi4ki

package.json

"scripts": {
  "postinstall": "bower cache clean && bower install",
  "clean": "del dist/*",
  "reset": "del output dist .pulp-cache",
  "test": "pulp test",
  "test:watch": "pulp --watch test",
  "pscid": "pscid",
  "repl:browser": "pulp psci -- --port 8080",
  "repl:node": "pulp psci",
  "pulp:build": "pulp build -O --to build/app.js",
  "pulp:watch": "pulp -w build --to build/app.js",
  "parcel:build": "parcel build index.html",
  "parcel:serve": "parcel index.html --no-hmr -p 8080",
  "start": "run-p pulp:watch parcel:serve",
  "build": "run-s clean pulp:build parcel:build"
},
"devDependencies": {
  "bower": "^1.8.2",
  "del-cli": "^1.1.0",
  "npm-run-all": "^4.1.2",
  "parcel-bundler": "^1.6.2",
  "pscid": "^2.4.0",
  "pulp": "^12.0.1",
  "purescript": "^0.11.7",
  "purescript-psa": "^0.6.0"
 }

index.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="styles/app.css" rel="stylesheet" type="text/css" />
  <link href="node_modules/whatever/dist/whatever.min.css" rel="stylesheet" type="text/css" />
  <title>blahblah</title>
 </head>
 <body>
  <div id="app"></div>
  <script src="build/app.js"></script>
 </body>
</html>

wat

▲ ls build
app.js

▲ ls dist
5503dfb7db9eedef565d6e9b716a1372.css 6d4013852a13351e0f14c7f37d0d6e06.js 6d4013852a13351e0f14c7f37d0d6e06.map 8b458ac76737c301d76c9356c8656252.css
index.html

p.s.:

Это не совсем правильно работает (в части run-p и --no-hmr), конечно, зато просто, минималистично и быстро.

Report Page