如何解决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'),
-
my-component.bundle.js
,其中包含MyComponent
及其所有子组件+供应商代码 -
index.bundle.js
,其中包含MyComponent
及其所有子组件+index.js
相关的逻辑+供应商代码
但是,我想要以下内容:
-
my-component.bundle.js
,其中包含MyComponent
及其所有子组件+供应商代码 -
index.bundle.js
,其中包含my-component.bundle.js
的导入(即未捆绑在一起)+index.js
相关逻辑+供应商代码
我该如何实现?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。