Rollupを使ってjsファイルをコンパイルする

$ npm install --global rollup

$ rollup main.js --file bundle.js --format cjs

$ npm install @rollup/plugin-typescript --save-dev

$ npm install rollup-plugin-vue

$ npm install @rollup/plugin-commonjs --save-dev

$ npm install --save-dev rollup-plugin-vue2

[!] RollupError: Unexpected character '@' (Note that you need plugins to import files that are not JavaScript)
lib/scripts/replay_modal.ts (14:0)
12: // } from '../../../ink-helper/index'
13: import { LOG } from "./Utilities.mjs";
14: @Component({

{
    // Change this to match your project
    "include": [
        "./lib/**/*",
        "lib/styles/*.scss",
        "lib/scripts/*.ts",
        "lib/scripts/*.mjs",
        "lib/components/*.vue",
        "rollup.config.ts" ⇦ typescriptではここでrollup.config.tsを読み込めるようにする
    ],
     "exclude": [
        "node_modules"
    ],
    "compilerOptions": {
        "moduleResolution": "node",
        "target": "esnext",
        "module": "esnext",
        // Tells TypeScript to read JS files, as
        // normally they are ignored as source files
        "allowJs": true,
        // Generate d.ts files
        "declaration": true,
        // This compiler run should
        // only output d.ts files
        // "allowImportingTsExtensions": true,
        "emitDeclarationOnly": true,
        // Types should go into this directory.
        // Removing this would place the .d.ts files
        // next to the .js files
        "outDir": "dist/",
        // go to js file when using IDE functions like
        // "Go to Definition" in VSCode
        "declarationMap": true,
        "skipLibCheck": true,
        "esModuleInterop": true,
        "baseUrl": ".",
        "types": [
            "node"
        ],
        "resolveJsonModule": true,
        "forceConsistentCasingInFileNames": true,
        "strict": true,
        "experimentalDecorators": true, ⇦これを追加する
    }
}