webpack将ES6编译成CommonJs后只引入用到的模块

代码使用ES6,里面有以下写法:

import {XX1,XX2} from 'abc';

但是使用webpack编译成AMD规范的代码后,会大概变成这样子:

var abc = require('abc');
var XX1 = abc.XX1;
var XX2 = abc.XX2;

也就是说,他会将整个abc包加载进来,再提取XX1,XX2,但是我想只加载某个包里面使用到的模块,除了下面这种写法:

import XX1 from 'abc/XX1';
import XX2 from 'abc/XX2';

还有其他更优雅的解决方法吗?

阅读 4.9k
2 个回答
新手上路,请多包涵
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏