adding watch capability to css

ethangardner · Jan 6, 2023 · 546f8f0 · 546f8f0
1 parent 13ea4da
commit 546f8f0
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 4 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -38,6 +38,8 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addPlugin(pluginSyntaxHighlight);
   eleventyConfig.addPlugin(pluginNavigation);
 
+  eleventyConfig.addWatchTarget("./css/");
+
   // Alias `layout: article` to `layout: layouts/post.njk`
   eleventyConfig.addLayoutAlias("article", "layouts/article.njk");
 

diff --git a/package.json b/package.json
@@ -4,12 +4,12 @@
   "description": "",
   "scripts": {
     "build": "npm-run-all clean-build build:ts build:11ty -p minify:* build:css",
-    "build:css": "postcss css/app.css -o css/global.css",
+    "build:css": "postcss src/css/app.css -o css/global.css",
     "build:11ty": "eleventy",
     "build:ts": "spack",
     "clean-build": "rimraf build",
     "postbuild": "node resources/tooling/copy-files.js",
-    "watch:ts": "spack && chokidar js/*.ts -c spack",
+    "watch:ts": "spack && chokidar src/js/*.ts -c spack",
     "watch:11ty": "eleventy --serve",
     "start": "cross-env NODE_ENV=dev npm-run-all -p watch:*",
     "debug": "DEBUG=* eleventy"

diff --git a/spack.config.js b/spack.config.js
@@ -3,7 +3,7 @@ const path = require("path");
 
 module.exports = config({
   entry: {
-    build: path.join(__dirname, "js/main.ts"),
+    build: path.join(__dirname, "src/js/main.ts"),
   },
 
   output: {

diff --git a/css/app.css → src/css/app.css b/css/app.css → src/css/app.css
@@ -1,4 +1,4 @@
-@import './normalize.css';
+@import 'normalize.css';
 
 :root {
   --font-size-2: 1.25rem;

diff --git a/css/normalize.css → src/css/normalize.css b/css/normalize.css → src/css/normalize.css
diff --git a/js/main.ts → src/js/main.ts b/js/main.ts → src/js/main.ts