webpack4中的Tree-shaking不好使用

// index.js
import mA from './a.js'
const data = mA.myNameTest()
console.log(data)
// a.js

// export function myNameTest(argument) {
//   return 'tangwenping'
// }
// export function myAgeTest() {
//   return '288888888'
// }

// 上面注释部分写法可以正常使用tree-shaking

export default {
  myNameTest(argument) {
    return 'tangwenping'
  },
  myAgeTest() {
    return '288888888'
  }
}

webpack4自还的tree-shaking(没有添加任何插件情况下):

export default 导出+import A from 'a.js'导入方式tree-shaking没能生效

export导出+ import * as A from 'a.js'或者 import {aaa} from 'a.js'都可以使用tree-shaking生效

你可能感兴趣的:(前端)