微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决Webpack:如何保持导入在某些输出文件中的原样?

假设我在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 举报,一经查实,本站将立刻删除。