有没有办法在 ASP.NET MVC 中集成 Material-components-web
Is there a way to integrate Material-components-web in ASP.NET MVC
我正在尝试从 Material.io 集成 material-components-web。但事实证明这很麻烦。我对 Node 世界也很陌生,所以我在尝试很长时间的过程中不断学习。
这是我目前所做的:
结合 NPM 到 Visual Studio 2017,我可以使用很多功能,但它并没有像我想象的那样真正工作。例如 Npm init 挂起,但 install/update 命令工作正常。
得到一个 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"
}
安装了 Gulp 并设置了我的 Sass 编译器和 css/js minifier(用于生产)。在我构建项目之前将它们设置为 运行
我有一个包含所有基本组件的@material 文件夹。但现在我 运行 正在研究 Javascript 模块依赖性问题。
我注意到标准 'require' 方法不起作用,因为它是特定于节点的解析器(如果我错了请纠正我)。首先,我尝试在 gulp 中集成 Babel 以将导入转换为 ECMA。但这似乎并不成功。
现在我手动转换所有 import/exports(所以更新是不行的)。它开始工作得很好。但是现在我陷入了依赖地狱,到处都是引用和导入......来自像 (focus-trap.js, tabbale 和 xtend)
这样的依赖
这甚至可以集成到 ASP.NET MVC 中吗? 我还注意到 Material-components-web 开始在他们的 github!
上切换到 TypeScript
非常感谢任何提示或帮助。
为了能够在前端使用 material-components-web,我最终执行了以下操作:
- 已下载 Node.Js 并将 NPM 位置添加为对 Visual studio 2017 年的第 3 方参考。
- 将 node_modules 文件夹添加到我的项目和 运行 npm-install
- 复制了所有依赖项('Babel' t运行spiler 除外)。并使用 NPM
安装它们
- 为编译、提取等创建了 WebPack 配置
它实际上是非常基础的,但是在没有任何知识和信息的情况下,要在旧的 MVC 项目中使用这种类型的 NPM 包是一件很困难的事情。
如果有人需要更多信息或帮助,请在下方发表评论。
我正在尝试从 Material.io 集成 material-components-web。但事实证明这很麻烦。我对 Node 世界也很陌生,所以我在尝试很长时间的过程中不断学习。
这是我目前所做的:
结合 NPM 到 Visual Studio 2017,我可以使用很多功能,但它并没有像我想象的那样真正工作。例如 Npm init 挂起,但 install/update 命令工作正常。
得到一个 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" }
安装了 Gulp 并设置了我的 Sass 编译器和 css/js minifier(用于生产)。在我构建项目之前将它们设置为 运行
我有一个包含所有基本组件的@material 文件夹。但现在我 运行 正在研究 Javascript 模块依赖性问题。
我注意到标准 'require' 方法不起作用,因为它是特定于节点的解析器(如果我错了请纠正我)。首先,我尝试在 gulp 中集成 Babel 以将导入转换为 ECMA。但这似乎并不成功。
现在我手动转换所有 import/exports(所以更新是不行的)。它开始工作得很好。但是现在我陷入了依赖地狱,到处都是引用和导入......来自像 (focus-trap.js, tabbale 和 xtend)
这样的依赖这甚至可以集成到 ASP.NET MVC 中吗? 我还注意到 Material-components-web 开始在他们的 github!
上切换到 TypeScript非常感谢任何提示或帮助。
为了能够在前端使用 material-components-web,我最终执行了以下操作:
- 已下载 Node.Js 并将 NPM 位置添加为对 Visual studio 2017 年的第 3 方参考。
- 将 node_modules 文件夹添加到我的项目和 运行 npm-install
- 复制了所有依赖项('Babel' t运行spiler 除外)。并使用 NPM 安装它们
- 为编译、提取等创建了 WebPack 配置
它实际上是非常基础的,但是在没有任何知识和信息的情况下,要在旧的 MVC 项目中使用这种类型的 NPM 包是一件很困难的事情。
如果有人需要更多信息或帮助,请在下方发表评论。