是否有一种方法可以将材料组件-WEB整合在ASP.NET MVC中

Question

我正在尝试从Material.io中整合材料组件 - web。但事实证明这很麻烦。我也是节点世界的新手，所以我在尝试长时间的学习。

这是我到目前为止所做的：

1. 将NPM耦合到Visual Studio 2017，我可以使用很多功能，但是它并没有像我想象的那样工作。例如，npm init挂起，但安装/更新命令正常工作。

2. 获得了一个具有以下依赖性的packag.json：

   "devDependencies": { "material-components-web": "0.44.1", "gulp": "3.9.1", "gulp-util": "3.0.8", "gulp-minify-css": "1.2.4", "gulp-path": "4.0.0", "gulp-js-minify": "0.0.3", "gulp-sass": "3.1.0", "gulp-flatten": "0.4.0" }

3. 安装了Gulp并设置了我的SASS编译器和CSS/JS Minifier（用于生产）。并在我构建项目

之前将它们设置为运行

我有我的@material文件夹，其中包含所有基本组件。但是现在我遇到了JavaScript模块依赖项的问题。

我注意到标准"需要"方法不起作用，因为它是节点特定的解析器（如果我错了，请纠正我）。首先，我试图将Babel整合到Gulp中，以将进口转换为ECMA。但这似乎没有成功。

现在，我正在手动转换所有进出口（因此更新是无需进行的）。它开始工作很棒。但是现在，我在依赖关系中纠缠不清，到处都有参考和导入……来自依赖性（focus-trap.js，tabbale和xtend）

这甚至可以集成在ASP.NET MVC中吗？我还注意到材料组件 - Web开始切换到他们的github上的打字稿！

任何提示或帮助都非常感谢。

Answer 1

我最终做了以下操作，以便能够将材料组件-WEB用于前端：

1. 下载的node.js并添加了NPM位置作为第三方引用到Visual Studio 2017。
2. 将node_modules文件夹添加到我的项目中，然后ran npm-install
3. 复制了所有依赖项（除了'babel'除外）。并使用NPM
安装它们
4. 创建了用于编译，提取等的WebPack配置等。

这实际上是非常基本的，但是在较旧的MVC项目中使用这种NPM软件包的任何知识和信息是很大的麻烦。

如果有人需要更多的信息或帮助，请在下面发表评论。