使用Angular CLI进行Build(构建)和Serve详解

时间:2021-05-25

第一篇文章是: "使用angular cli生成angular5项目" :https://piler这时就不在build输出的文件里了(可以使用source-map-explorer查看).

试试生产环境:

ng build --prod

可以看到所有的文件都非常小了, 并且没有vendor了(因为prod下--build-optimizer起作用所以vendor没有了, 但可以使用--vendor-chunk true给弄出来).

Serve.

ng serve. 已经一直在用了, 下面看看它常用的参数:

  • --open -o 打开默认浏览器
  • --port -p 端口
  • --live-reload -lr 发生变化时重新加载网页(默认开启的)
  • --ssl 使用https
  • --proxy-config -pc 代理配置
  • --prod 在内存中serve 生产模式build的文件
  • 试试 --prod:

    ng serve --prod

    通过文件大小可以看出确实是prod build的.

    ng eject.

    为项目生成webpack配置和脚本.

    执行该命令试试:

    看看有哪些变化:

    .angular-cli.json:

    package.json:

    命令脚本都变了

    还多出来一个webpack.config.js文件:

    为什么要这么做呢?

    可以对项目更深入的配置....

    这时运行程序就是 npm start了.

    我还是把reject恢复回去吧, 使用git来恢复吧.

    如果需要Serve 其他js/css/assets文件:

    放在.angular-cli.json就行, 例如jquery就应该放在scripts里面.

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章