Свертывание деревьев не работает, если какая-либо неиспользуемая функция имеет внешнюю зависимость

Question

// file1.js

import styled from "styled-components";

export const myDiv = styled.div``;

export const myLabel = styled.label``;

// input.js -> свертывать входной файл в пакет

import {myDiv} from "./file1"

export {myDiv};

В идеале myLabel не следует связывать, так как он не импортируется в соответствии с treehaking. Но в комплект входят как myDiv, так и myLabel.

Пожалуйста, помогите мне с пониманием.

Answer 1

Я решил проблему, добавив { modules: false } в предустановку загрузчика babel

{ 
 loader: 'babel-loader',
 options: {
  presets: [ ["@babel/preset-env", { modules: false }] ],
 } 
}