Visual studio VS2017、ASP.net、Typescript和npm

Visual studio VS2017、ASP.net、Typescript和npm,visual-studio,typescript,npm,Visual Studio,Typescript,Npm,我在Visual Studio中有一个现有的ASP.net应用程序。直到最近我才使用JavaScript。现在我想使用Typescript。安装和运输工作的伟大。然而,当我想导入模块时,我被卡住了 我的想法是使用npm加载模块,例如,我添加到package.json: "devDependencies": { "typestyle": "^1.7.1", } 我想通过以下方式将其导入.ts文件: import { style } from 'typestyle'; 问题:npm下载到文件

我在Visual Studio中有一个现有的ASP.net应用程序。直到最近我才使用JavaScript。现在我想使用Typescript。安装和运输工作的伟大。然而,当我想导入模块时,我被卡住了

我的想法是使用npm加载模块,例如,我添加到
package.json

"devDependencies": {
  "typestyle": "^1.7.1",
}
我想通过以下方式将其导入.ts文件:

import { style } from 'typestyle';
问题:npm下载到文件夹
node\u modules
,它不属于我的项目(但在我的项目文件夹中);import语句找不到所需的文件

目前,我正在使用requirejs启用导入语句,如前所述。我的
tsconfig.json
如下所示:

{
  "compilerOptions": {
    "noImplicitAny": true,
    "noEmitOnError": true,
    "sourceMap": true,
    "target": "es5",
    "module": "amd",
    "moduleResolution": "node"
  }
}
我可以手动下载
typestyle.js
,将它放在我的项目文件夹中,然后配置requirejs配置文件
main.js
,以便它找到它。但是我没有使用npm

如何导入用npm加载的模块?我想用requirejs。我不想有棱角或反应。如果可能的话,我还想避免其他让我的项目变得不必要复杂的事情(Mocha、node.js、knockout、Webpack、Gulp、Browserify等)

编辑

好的,读完之后,我想我确实需要一个模块绑定器,比如Webpack或Browserify。但也许VS2017中集成了一些工具,我可以使用

EDIT2


阅读之后(注意:这是2018年),我明白要求一个简单的解决方案可能太多了…

最终我找到了一个适合我需要的解决方案。因为它很长,所以我只发布链接()


到目前为止唯一的缺点是:它使用Webpack而不是requirejs。Webpack是一个模块打包器。所有的.js文件/模块都合并成一个巨大的.js。默认情况下没有延迟加载。

如果您已经使用全局安装了npm,请在命令提示符下使用
npm-v
检查安装的npm版本。我认为您必须提供
visualstudio->Option
中node_modules文件夹的路径,如下链接所示,我正在使用VS2017集成npm中的。它是3.3.4版,位于/Web/External/npm.cmd中。但是,即使我更改了node_modules路径,requirejs如何知道在哪个子文件夹中查找任何特定的.js文件?