Webpack：如何保持导入在某些输出文件中的原样？

编程问答 2022-06-12

问题描述

假设我在webpack中有以下条目文件：

/* Path: src/MyComponent.jsx */

import React from 'react';
// other subcomponent imports
// MyComponent deFinition
...
export default MyComponent;

/* Path: src/index.js */

import React from 'react';
import { render } from 'react-dom';
import MyComponent from './MyComponent';
// render MyComponent
// other logic

使用我当前的webpack配置：

entry: {
  'my-component': path.join(__dirname,'src/MyComponent.jsx'),'index': path.join(__dirname,'src/index.js'),},output: {
  filename: '[name].bundle.js',path: path.join(__dirname,'dist'),

我得到两个输出文件：

  1. my-component.bundle.js，其中包含MyComponent及其所有子组件+供应商代码
  2. index.bundle.js，其中包含MyComponent及其所有子组件+ index.js相关的逻辑+供应商代码

但是，我想要以下内容：

  1. my-component.bundle.js，其中包含MyComponent及其所有子组件+供应商代码
  2. index.bundle.js，其中包含my-component.bundle.js的导入（即未捆绑在一起）+ index.js相关逻辑+供应商代码

我该如何实现？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptwebpackwebpackwebpack