当前位置： 移动技术网 > IT编程>开发语言>.net > 从头开始学eShopOnContainers——设置WebSPA单页应用程序

从头开始学eShopOnContainers——设置WebSPA单页应用程序

2018年11月20日  | 移动技术网IT编程  | 我要评论

丹神飘渺录,网络 测速,建筑学课程

一、简介

　　web spa单页应用程序需要一些额外的步骤才能使其工作，因为它需要在生成docker镜像之前构建javascript框架依赖项和js代码。

二、安装基础环境

1、安装npm

　　为了能够使用npm从命令行构建javascript依赖项，您需要全局安装npm。由于npm和nodejs捆绑在一起，所在只需要从下载推荐版本安装即可。安装完成后可通过“npm -v”查看版本信息，验证是否安装成功。

　　

2、安装angular cli

　　编译web spa单页应用程序需要全局安装angular cli，使用“npm install -g @angular/cli”命令即可完成安装，安装完成后可通过“ng version”查看版本信息，验证是否安装成功。

　　

3、在visualstudio中设置npm路径信息

　　在visualstudio的菜单“工具”->"选项"设置中，添加nodejs路径，注意必须添加至“vsinstalledexternaltools”前面。

　　

三、使用npm构建webspa单页应用程序

1、切换至源代码目录，执行“npm install”安装所有依赖，并重建node-sass。

cd /d d:\tfs2018\eshoponcontainers-dev\src\web\webspa
npm  install
npm audit fix
npm rebuild node-sass

2、构建构建webspa单页应用程序

npm run build:prod

3、将“docker-compose”设置为默认启动项目，按f5或者点运行。

　　项目正常启动后，即可正常打开webspa单页应用程序网页: 。

　　

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网