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

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，因为它不是根据 treeshaking 导入的。但 bundle 包括 myDiv 和 myLabel。

请帮助我理解。

Answer 1

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

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