visual-studio - VS2017、ASP.net、 typescript 和 npm

Question

我在 Visual Studio 中有一个现有的 ASP.net 应用程序。直到最近我才使用 JavaScript。现在我想使用 typescript 。安装和编译效果很好。但是，当我想导入模块时卡住了。

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

"devDependencies": {
  "typestyle": "^1.7.1",
}

我想通过以下方式导入我的 .ts 文件:

import { style } from 'typestyle';

问题:npm 下载到不属于我的项目的文件夹 node_modules(但它在我的项目文件夹中)；导入语句没有找到所需的文件。

目前我正在使用 requirejs 启用导入语句，如 here 所述.我的 tsconfig.json 看起来像这样:

{
  "compilerOptions": {
    "noImplicitAny": true,
    "noEmitOnError": true,
    "sourceMap": true,
    "target": "es5",
    "module": "amd",
    "moduleResolution": "node"
  }
}

我可以手动下载typestyle.js，把它放在我的项目文件夹里，然后配置requirejs配置文件main.js让它找到。但是后来我没有使用 npm。

如何导入使用 npm 加载的模块？我想使用 requirejs。我不想要 Angular 或 React。如果可能的话，我还想避免其他让我的项目不必要地复杂化的事情(Mocha、node.js、knockout、Webpack、Gulp、Browserify，...)

编辑

好的，看完了NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. Webpack我想我确实需要像 Webpack 或 Browserify 这样的模块打包器。但也许 VS2017 中集成了一些我可以使用的工具？

EDIT2

阅读后How it feels to learn JavaScript in 2016 (注意:这是 2018 年)我知道要求一个简单的解决方案可能太过分了......

Answer 1

最后我找到了适合我需求的解决方案。由于它很长，我只发布链接(project source code) http://codingsight.com/using-npm-webpack-and-typescript-to-create-simple-aspnet-core-web-app/

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