nvd3.js - カスタム nvd3 ビルドを作成するための推奨される方法は何ですか?

Question

NVD3 には、チャートを実行するための多数の方法が含まれています。圧縮前は500KB。特に折れ線グラフと棒グラフしか使用していないため、このファイルを縮小する方法を見つけたいと思います。

モジュラー NVD3 ライブラリを構築するための推奨される方法は何ですか?

Answer 1

そのため、v1.8.2 の更新後、gruntfile が少し変更されました。js ファイルのリストはもう表示されません。その代わりにあなたが見るでしょう'src/models/*.js',

選択した回答に従ってカスタム ビルドを作成しています。したがって、それを作成するために、すべてのチャート モジュールを調べて、それらが使用しているモデルを書き留めます。後でこれらjs-filesをのconcat.js.srcオブジェクトに追加しますGruntfile.js。最も一般的な LineChart の例を次に示します。

concat: {
    ...
    js: {
        options: {
            ...
        },
        src: [
        'src/core.js',
        'src/dom.js',
        'src/interactiveLayer.js',
        'src/tooltip.js',
        'src/utils.js',
        //Include all files in src/models
        // 'src/models/*.js',
        // example to exclude files: '!src/models/excludeMe*'
        'src/models/axis.js',
        'src/models/legend.js',
        'src/models/line.js',
        'src/models/lineChart.js',
        'src/models/scatter.js',
        ],
        ...
    }
},