webpack：如何在node_modules中转换代码

Question

I want to import nano-memoize in my web application that uses Typescript and Webpack to transpile to ES5.

• npm install nano-memoize
• add import 'nano-memoize/browser/nano-memoize' to the source file.

These steps do not work in IE 11. The page simply doesn't load.

On inspecting the code for nano-memoize/browser/nano-memoize.js in IE 11 developer console, I noticed it uses arrow function. If I copy nano-memoize/browser/nano-memoize.js directly to my source folder, they get transpiled to ES5 and everything works in IE 11 too.

So why is nano-memoize/browser/nano-memoize.js not getting transpiled?

Build setup:

webpack                   : ^4.40.2,
@babel/core               : ^7.4.0,
awesome-typescript-loader : ^5.2.1,

UPDATE :
This was a webpack configuration issue where the node_modules are excluded from compilation. The skeleton setup is created by a script and my bad I never check this. The following in webpack.config.js for babel-loader can selectively compile the required node_modules. Replace with required module name.

{
  test: /\.js$/,
  exclude: function(modulePath) {
    return /node_modules/.test(modulePath) &&
        !/node_modules\/<MY_MODULE>/.test(modulePath);
  }
}

Answer 1

通过在项目中使用polyfills进行尝试，以下是脚本标记，可将其导入到index.html文件中<script src="https://cdn.polyfill.io/v3/polyfill.min.js"></script>