如何使用npm命令在现有应用程序代码中导入jQuery库文件

Question

使用节点JS yo ko命令，我使用Knockout创建了一个单页应用程序。

之后，我安装了jquery包。使用命令npm install jquery

它正在成功安装。但是现在我想要做的是在我的knockout.js单页应用程序中使用那个jquery。是否有任何方法或命令可以直接导入所需文件中的Jquery库？

目前，像Startup.js这样的文件有以下代码

import ko from 'knockout';
import crossroads from 'crossroads';
import hasher from 'hasher';

我想要的是

import 'jquery';
import 'bootstrap';
import 'jquery-ui';
import ko from 'knockout';
import 'knockout-projections'
import 'knockout-postbox'
import 'jquery-hotkeys'
import 'bootstrap-wysiwyg'
import 'summernote'
import 'knockout-validation'
import 'jqueryNotific8'
import 'commanJs'
import 'moment'
import 'daterangePicker'

问这个问题有两个原因。

1. 避免手工编写导入库代码
2. ，我也不确定在所有文件中，无论我想要添加导入还是需要将Jquery.

的所有文件放在哪里。

Answer 1

如果要在模块中使用Jquery，可以使用：

import jquery from "jquery";

或者放置您想要保存模块的default导出的任何别名，如：

import $ from "jquery";

所有其他模块也是如此。

import jquery from 'jquery';
import bootstrap from 'bootstrap';
import jqueryUi from 'jquery-ui';
...