如果任何未使用的函数具有外部依赖性，则rollup treeshaking不起作用

Question

// file1.js

import styled from "styled-components";

export const myDiv = styled.div``;

export const myLabel = styled.label``;

// input.js - ＆gt;汇总输入文件到捆绑

import {myDiv} from "./file1"

export {myDiv};

理想情况下，myLabel不应捆绑，因为它不是根据树形图导入的。但是bundle包括myDiv和myLabel。

请帮助我理解。

Answer 1

我通过在babel loader预设上添加{modules：false}解决了该问题

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