无法在ES6中的一行中导入`$`和`jQuery`

Question

我尝试使用ES6语法练习，我想尝试将ES6与 jQuery 和 Webpack 一起使用。我看了a StackOverflow post说明了如何以及下面有评论说为什么不做

import {$, jQuery} from 'jquery'

我试过，我收到错误Uncaught TypeError: (0 , r.$) is not a function。当我使用两个import语句将两者分开时，错误消失了。知道为什么吗？单行导入语句无效吗？如果是这样，怎么回事？

Answer 1

import X from 'thing';

是

的缩写

import {default as X} from 'thing';

这意味着如果您要将默认值同时导入为$和jQuery，则需要执行

import {default as $, default as jQuery} from 'jquery';

注意，jquery仅导出$并且仅执行上述操作，只将jquery别名为两个不同的名称。另外，请务必查看Webpack的ProvidePlugin功能。