一部のみd.tsを生成して、それをバンドルするにはどうしたらよいか

Question

※TypeScript公式を見ると、質問あるならStack Overflowでやれと書いてあったので、向こうでも聞いてきます。答えが分かったら愛する日本のためにここにも書きます。

前提・実現したいこと

TypeScriptで構成したプロジェクトにおいて、一部のファイルや関数に限ってd.tsをビルドにより生成し、それをバンドルしたファイルを作成したいです。
生成するファイルのイメージは以下です。

out
┣ bundle.js // 全てのコードがバンドルされた実行用JSファイル
┗ bundle.d.ts // 【見せたいもの】のみの型定義がすべてバンドルされたファイル

npmパッケージとして、動作するJSとinterfaceとなるTS用の型情報だけ提供したいというのが狙いです。

ビルド対象のツリー構成

src
┣ main.ts // sub1,sub2をimport
┣ sub
┃  ┣ sub1.ts // この中の一部のfunction/classの型情報だけd.tsに出したい
┃  ┗ sub2.ts // 型情報出力したくない(exportしているものはいくつかある)
┣ tsconfig.json // "declaration": trueにすると、全部でてきてしまいます。
┗ webpack.config.js // jsファイルはバンドルできますが、d.tsがバンドルできません。

configファイルの内容

webpack.config.js

/** ビルドの共通設定 */
module.exports = {
    mode: "production",
    entry: {
        index: "./src/main.ts"
    },
    output: {
        filename: "[name].js",
        path: __dirname + "/out"
    },

    resolve: {
        // Add '.ts' and '.tsx' as resolvable extensions.
        extensions: [".ts", ".js", ".json"],
    },

    module: {
        rules: [
            {
                test: /.ts$/,
                exclude: /node_modules|vue/src/,
                use: [
                    {
                        loader: 'ts-loader',
                        options: {
                            appendTsSuffixTo: [/.vue$/]
                        }
                    }],
            }
        ]
    },
};

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
    "declaration": true,                   /* Generates corresponding '.d.ts' file. */
    "sourceMap": true,                     /* Generates corresponding '.map' file. */
    "outDir": "./out/",                        /* Redirect output structure to the directory. */
    "rootDir": "./src/",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
    "strict": true,                           /* Enable all strict type-checking options. */
    "esModuleInterop": true                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
  }
}

補足情報（FW/ツールのバージョンなど）

• tsc: Version 3.2.4
• webpack: Version 4.29.0

Answer 1

正確に質問者の意図を汲み取れているかわかりませんが、
例えばmomentjs等ではpackage.jsonにinterfaceとなる*.d.tsが指定されています。

https://github.com/moment/moment/blob/develop/package.json#L27

このおかげで、npmとしてもinstallできますし、
typescriptとしても@types等を別途インストールせずに
型情報を利用することができます。

必要な型情報をここに記載しておけば、
残りはanyとして参照されるのではないでしょうか。

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。
ただ、やりたかったのは、自前のTypeScriptプロジェクトからトランスパイル時にd.tsを生成する段階で、生成を必要な関数にのみ絞ったり、それを結合して1つのd.tsファイルにすることでした。
momentjsはd.tsを手作業で書いているようで、考えているものとは異なりました。