webpack4 插件ProvidePlugin使用遇到的問題

根據博客https://www.cnblogs.com/geyouneihan/p/9769808.html學習webpack4中使用ProvidePlugin遇到了自定義js無法使用的問題，解決之后想記錄一下。

"presets": [
   resolve: {
    alias: {
      tast$: path.resolve(__dirname, "src/io.js") 
    }
  },

webpack4的取別名的功能，原來import可能地址很復雜，可以使用別名簡化，可看官網 https://webpack.js.org/configuration/resolve/#resolvealias

 plugins: [
    new webpack.ProvidePlugin({
      ta: 'tast',
    })
  ]

常用模塊可以減少import的頻率，插件的介紹，官網 https://webpack.js.org/plugins/provide-plugin/#root

用loadsh，jquery等第三方庫就沒有問題，但是自己寫的js就有問題

原因是因為我寫的js導出用的es6的語法export

 export function tt(){
  console.log(12223)
}

而ProvidePlugin插件是使用require的方式來導入的，所以才會出現問題，打包后的源碼如圖