2017-11-17 13 views
0

私はES6のインポートを使用しており、ロールアップでそれらをトランスリングしています。ロールアップでファイルとフォルダの構造を保持することはできますか?

出力は単一バンドルファイルです。

ロールアップファイルのファイルを生成するように設定できますか?

ここに私が使用している1つのファイルを明らかに吐き出す現在の設定があります。

gulp.task('rollup', function() { 
    const rollup = require('rollup'); 
    const nodeResolve = require('rollup-plugin-node-resolve'); 

    const JS_INDEX_FILE = 'src/index.js'; 

    return rollup.rollup({ 
     input: JS_INDEX_FILE, 
     plugins: [ 
      nodeResolve({ 
       browser: true 
      }) 
     ] 
    }).then(bundle => { 
      bundle.write({ 
       sourcemap: true, 
       format: 'cjs', 
       strict: true, 
       file: 'bundle.js' 
      }); 
     }); 
}); 

基本的に、私はrequire()の代わりimportで個々のファイルをしたいと思います。

答えて

1

ロールアップはモジュールbundlerです。あなたが望むのは、Babelのようなコンパイラです。

+1

ありがとうございました。私は、ロールアップ(または類似)を使用して.vueファイルをJS/CSSに解析することを余儀なくされています。 – Francisc