webpack 中import 引入umd模块module

在webpack项目中引入一个umd模块，如果你的项目是由create-react-app搭建的，很大概率会遇到import error。

这很大概率是由于babel-loader重复编译导致的，因为umd模块一般是经过babel编译的模块，所以是不需要再编译，我们只需要使用webpack的能力就可以直接使用。

解决重复编译，我们可以使用babel-loader的ignore选项

{
    loader: require.resolve('babel-loader'),
    options: {
        "ignore":['src/**/*.umd.js'],
    }   
} 

或在babel.config.js中添加也可以

module.exports = {
    "ignore": ['src/**/*.umd.js'],
}

将你的umd模块脚本重名名为umd.js结尾。

可以使用这个方法将jweixin-1.6.0.js引入你的react项目，而不必使用<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"/>在页面引入。注意：需要将jweixin第一行的this，改为window，才不会出现undefined错误。