スタイルアップコンポーネントをロールアップビルドの外部として追加するにはどうすればよいですか？

Question

以下の複製で私のrollup.config.jsにスタイル付きコンポーネントを追加しようとしていますが、エラーが発生します。私はreact-router-domについて同様の問題があり、rollup.config.jsのreact-router-dom/Linkにreact-router-domの名前を変更して解決しました。

styled-componentsでの操作方法は？

再現：

// rollup.config.js 
export default { 
    ... 
    external: ['react', 'react-router-dom/Link', 'styled-components'], 
    ... 
    globals: { react: 'React', 'react-router-dom/Link': 'Link', 'styled- 
    components: 'styled' }, 
}; 

実際の動作：スローエラー時にロールアップして、ビルド

(babel plugin) An unexpected situation arose. Please raise an issue at 
https://github.com/rollup/rollup-plugin-babel/issues. Thanks! 
node_modules/styled-components/dist/styled-components.es.js 

バージョンスタイルのコンポーネント： 2.0.1

バージョンのロールアップ-pl UGIN-バベル： 2.7.1

Answer 1

は最後に、私は私のrollup.config.jsに

export default { 
    ... 
    external: ['styled-components'], 
    ... 
    globals: { 'styled-components': 'styled' }, 
}; 

をこれで私の必要性を解決することは、私の場合、私は私の中でそれをインポートし、我々はパッケージをインポートする方法に依存しますなどのファイル：

import styled from 'styled-components';