[英]Angular 4 node_modules
我正在学习Angular 4,并计划在本周末构建一个App。
node_modules
是巨大的。 217 MB(用于JavaScript框架)和node_modules下的700多个子目录!
现在,我确实查看了生成的HTML,它似乎没有引用node_modules
。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MyApp</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js"></script>
</body>
</html>
问题:我不能部署node_modules吗? Angular 4仍然可以正常运行吗?
运行命令ng build --prod会将所有组件转换为一个js文件,并生成一个带有index.html以及在生产环境中运行所需的所有其他配置的dist文件夹。 只需将该文件夹放在您的虚拟主机中即可。
所有你有节点模块以及您可能在将来,如果你安装后缀所有其他依赖--save
他们将被添加到package.json
文件和模块的依赖性层次也被锁定在package-lock.json
您不必在存储库中存储所有巨大的节点模块,从而节省了空间,您可以上传dist文件,或者只需通过命令npm i
将节点模块安装在服务器上
版本控制
您应该在.gitignore文件中包括node_modules,以便将其从版本控件中上传时被忽略。
部署
只要您在package.json中包含所有依赖项,就可以在package.json中将npm install
添加为构建脚本的一部分。 它将安装所有必需的软件包并将其自动打包到您的构建中。
"scripts": {
"build": "npm install && ng build --prod --build-optimizer"
}
Node_Modules永远不会直接包含在部署就绪代码中。 Webpack是Angular默认使用的构建工具,它将源文件和所需的node_module函数分别捆绑到main.bundle.js和vendor.bundle.js中。 如果您想知道每个文件在dist文件夹中包含什么,请参考以下链接1
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.