CommonJSでロールアップし、トレシェイクを使用してインポートとエクスポートを行います。

Question

ロールアップ、commonjs、es6、およびツリーの揺れが正しく機能するようにしようとしています。

現在、私は次のビルドスクリプトを持っている：

次 main.jsファイル

const { firstFunction } = require('./exports'); 

firstFunction(); 

をロードし、export.jsファイル

export function firstFunction() { 
    return this.name; 
} 

export function secondFunction() { 
    return this.name; 
} 

は以下を出力

'use strict'; 

const rollup = require('rollup'); 
const resolve = require('rollup-plugin-node-resolve'); 
const commonjs = require('rollup-plugin-commonjs'); 

rollup.rollup({ 
    input: 'main.js', 
    format: 'iife', 
    plugins: [ 
    { 
     transform(code, id) { 
     return code; 
     } 
    }, 
    resolve({ 
     extensions: ['.js', '.jsx'] 
    }), 
    commonjs({ 
     extensions: ['.js', '.jsx'] 
    }) 
    ] 
}) 
.then(({ generate }) => generate({ 
    format: 'iife', 
    name: 'test', 
})) 
.then(({ code }) => console.log(code)); 

：

var test = (function() { 
'use strict'; 

function firstFunction$1() { 
    return this.name; 
} 

function secondFunction() { 
    return this.name; 
} 


var exports$1 = Object.freeze({ 
    firstFunction: firstFunction$1, 
    secondFunction: secondFunction 
}); 

var require$$0 = (exports$1 && undefined) || exports$1; 

const { firstFunction } = require$$0; 

firstFunction(); 

var main = { 

}; 

return main; 

}()); 

これは正しい動作であれば、私はわからないです、私はES6 export.jsファイルをツリー揺れを使用することができるだろうと仮定し、したがって、私たちのバンドルされたコードにexport.jsからsecondFunction()をインポートする必要はありませんでした。

私は多くの設定の組み合わせを試しましたが、何も木の揺れを働かせることはできないようです。

私はサーバ上でcommonjsを使用していて、同じファイルをクライアントにバンドルして使用していることに気づく価値があります - これが私にcjsとes6が混在している理由です。

Answer 1

コメントでLuxが述べたように、問題はcjsとESモジュールを混在させていることです。 rollup-plugin-commonjsは輸入品を譲渡していないようです。

まず、ファイルをロールアップでバンドルし、出力フォーマットとしてcjsを使用する必要があります。あなたはrequireバンドルです。

これは、あなたのjavascriptを取得し、ノードの準備ができているはずです。