我有一个分为“模块”的项目。在Webpack中,导出文件如何不导入它导出的所有内容?
每个模块都有一个导出文件从模块导出多个文件。
按照惯例,我们只需要在模块中暴露的内容。
例如,如果我有“顶酒吧”和“工作区”模块,他们需要沟通,“顶酒吧”公开只有 index.js和“工作区”需要“顶酒吧”所需部分从中:
顶栏/ index.js:
export TopBarComponent from './components/TopBarComponent'
export SomethingElse from './service/SomethingElse'
工作区/组件/ Workspace.js:
import {TopBarComponent} from 'TopBarComponent'
....
虽然这样的项目是非常模块化,我的问题是,当“工作区”需要“TopBarComponent”时,“SomethingElse”会一路被导入。
任何想法如何防止与假设index.js每个模块是一个导出文件,只有导出行?
对于webpack,只需完全省略'index.js'。从最初定义的位置导入{TopBarComponent}。其他更简洁的打包程序(如Webpack2,Rollup也许?)将执行树状摆动以摆脱未使用的依赖关系 – CodingIntrigue
我们避免从波导中的../../ TopBar/components/TopBarComponent'导入{TopBarComponent},以便每个模块只导出它想要导出的部分,并且有一个约定不要直接从其他模块导入 –
我会检查webpack2。谢谢 –