"Babel 不会从 'node_modules' 转译导入的模块"

Question

I got a problem with transpiling imported modules from node_modules<\/code> . Babel for some reason doesn't transpile imported module from node_modules<\/code> , but transpile modules imported from src<\/code> .

// result code contains const and let, but it shouldn't. :(

Answer 1

To expand upon my comments:

You really don't want to transpile all of node_modules – it'll take a long time, and most of the code there should already be ES5 (unless they're actually ES6 modules, in which case the ES6 entry point is announced as "module" in the package.json manifest).

query-string@6.x isn't , and it says so in its README :

This module targets Node.js 6 or later and the latest version of Chrome, Firefox, and Safari. If you want support for older browsers, use version 5: npm install query-string@5 .

Answer 2

The solution in this case is to transpile the module again, this can be done by modifying the exclude property in your webpack config:

{
  test: /\.js$/,
  exclude: /node_modules\/(?!(es6-module|another-es6-module)\/).*/,
},

Modules es6-module and another-es6-module will no longer be ignored by webpack and will be transpiled with the rest of your source code.

See the GitHub issue on the webpack project .

Tested with webpack@3.12.0 , babel-core@6.26.3 and babel-core@6.26.3

Answer 3

If you're using Vue, there is a simple solution. Just list your module in transpileDependencies<\/code> :

module.exports = {
   publicPath: '',
   outputDir: 'www',
   transpileDependencies: [
    'query-string'
  ],
}