RollupのBabel設定が通らない場合に
WebpackよりだいぶシンプルなRollupですが、公式サイトに書いてある通りに設定したはずなのにうまくいかない、という事態になっています。
公式サイトの通り…でも動かない
Rollupの結果をBabelに通すrollup-plugin-babel
の公式サイトには、Babel 6での.babelrc
の設定例が載っています(README)。
{
"presets": [
[
"env",
{
"modules": false
}
]
],
"plugins": [
"external-helpers"
]
}
しかしながら、この通りに書いたはずなのに、[!] (babel plugin) Error: It looks like your Babel configuration specifies a module transformer. Please disable it. See https://github.com/rollup/rollup-plugin-babel#configuring-babel for more information
とエラーを食らってしまいます1。
別な手法を発見…babelrc-rollup
もちろん、babel-preset-es2015-rollup
を使えば動くことは動くのですが、「es2015
は古いのでenv
を使ってね(意訳)」みたいなメッセージが出てしまいます。
なんとかならないのかとIssueを眺めていたところ、eventualbuddha/babelrc-rollupというものを見つけました。これは自前で.babelrc
を読み込んで、Rollupの動作に邪魔な変換を外す、というようなことを行っているとのことです。
import babel from 'rollup-plugin-babel';
import babelrc from 'babelrc-rollup';
export default {
plugins: [
babel(babelrc())
]
}
とbabelrc-rollup
で生成したパラメータをrollup-plugin-babel
に投入することで、適切な設定を行えるようにしています。
-
というより、このエラーのリンクから上のREADMEにたどり着いて、そしてその通りの設定をしたにも関わらずまたエラーが出る、という無限ループに陥っていました。 ↩
Author And Source
この問題について(RollupのBabel設定が通らない場合に), 我々は、より多くの情報をここで見つけました https://qiita.com/jkr_2255/items/e2a8795112e49ce6902c著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .