Amplify Gen2 で HUGO で作ったサイトを構築する

hugo new playground-hugo-amplify-gen2
cd playground-hugo-amplify-gen2

git init

git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
echo "theme = 'ananke'" >> hugo.toml

hugo new content posts/my-first-post.md

hugo serve

echo "resources/\npublic/\n.hugo_build.lock" > .gitignore
git add -am "first commit"

npm create amplify

Need to install the following packages:
create-amplify@0.6.0
Ok to proceed? (y) y
? Where should we create your project? .
Installing required dependencies...

# npm create amplify の続きの出力結果
Creating template files...
Successfully created a new project!
Welcome to AWS Amplify!

├── amplify
│   ├── auth
│   │   └── resource.ts
│   ├── backend.ts
│   ├── data
│   │   └── resource.ts
│   ├── package.json
│   └── tsconfig.json
├── node_modules
├── package-lock.json
├── package.json
├──  HUGO に必要なファイル群

{
  "name": "playground-hugo-amplify-gen2",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "aws-amplify": "^6.0.17"
  },
  "devDependencies": {
    "@aws-amplify/backend": "^0.12.1",
    "@aws-amplify/backend-cli": "^0.11.1",
    "aws-cdk": "^2.129.0",
    "aws-cdk-lib": "^2.129.0",
    "constructs": "^10.3.0",
    "typescript": "^5.3.3"
  }
}

echo "node_modules/" >> .gitignore
git add .
git commit -m "Init amplify gen2"
git push origin main

Error: error building site: TOCSS: failed to transform "/ananke/css/main.css" (text/css). Check your Hugo installation; you need the extended version to build SCSS/SASS with transpiler set to 'libsass'.: this feature is not available in your current Hugo version, see https://goo.gl/YMrWcn for more information
2024-02-23T03:56:14.880Z [ERROR]: !!! Build failed
2024-02-23T03:56:14.880Z [ERROR]: !!! Error: Command failed with exit code 1
2024-02-23T03:56:14.880Z [INFO]: # Starting environment caching...
2024-02-23T03:56:14.881Z [INFO]: # Environment caching completed

hugo new theme foo

- theme = 'ananke'
+ theme = 'foo'

git add .
git commit -m "Replace theme"
git push origin main

version: 1
- backend:
-     phases:
-         build:
-             commands:
-                 - 'nvm use 18'
-                 - 'npm ci'
-                 - 'npx amplify pipeline-deploy --branch $AWS_BRANCH --app-id $AWS_APP_ID'
frontend:
    phases:
        preBuild:
            commands:
                - 'npm ci'
        build:
            commands:
                - hugo
    artifacts:
        baseDirectory: public
        files:
            - '**/*'
    cache:
        paths:
            - 'node_modules/**/*'

rm -rf amplify/

rm -f package.json package-lock.json

# Executing command: npm ci
2024-02-23T05:19:09.510Z [WARNING]: npm
2024-02-23T05:19:09.516Z [WARNING]: ERR! code EUSAGE
npm ERR!
npm ERR! The `npm ci` command can only install with an existing package-lock.json or
npm ERR! npm-shrinkwrap.json with lockfileVersion >= 1. Run an install with npm@5 or
npm ERR! later to generate a package-lock.json file, then try again.
npm ERR!
npm ERR! Clean install a project
npm ERR!
npm ERR! Usage:
npm ERR! npm ci
npm ERR!
npm ERR! Options:
npm ERR! [-S|--save|--no-save|--save-prod|--save-dev|--save-optional|--save-peer|--save-bundle]
npm ERR! [-E|--save-exact] [-g|--global] [--global-style] [--legacy-bundling]
npm ERR! [--omit <dev|optional|peer> [--omit <dev|optional|peer> ...]]
npm ERR! [--strict-peer-deps] [--no-package-lock] [--foreground-scripts]
npm ERR! [--ignore-scripts] [--no-audit] [--no-bin-links] [--no-fund] [--dry-run]
npm ERR! [-w|--workspace <workspace-name> [-w|--workspace <workspace-name> ...]]
npm ERR! [-ws|--workspaces] [--include-workspace-root] [--install-links]
npm ERR!
npm ERR! aliases: clean-install, ic, install-clean, isntall-clean
npm ERR!
npm ERR! Run "npm help ci" for more info
npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2024-02-23T05_19_05_966Z-debug-0.log
2024-02-23T05:19:09.675Z [ERROR]: !!! Build failed
2024-02-23T05:19:09.675Z [ERROR]: !!! Error: Command failed with exit code 1
2024-02-23T05:19:09.675Z [INFO]: # Starting environment caching...
2024-02-23T05:19:09.675Z [INFO]: # Uploading environment cache artifact...
2024-02-23T05:19:09.805Z [INFO]: # Uploaded environment cache artifact
2024-02-23T05:19:09.805Z [INFO]: # Environment caching completed
Terminating logging...

rm -rf node_modules/
npm init -y
npm install

git add package.json package-lock.json
git commit -m 'npm init'
git push origin main

mkdir amplify
touch amplify/.gitkeep