nginx使用代理访问端Node.js应用服务器
配置:
1)配置文件http段内容添加端服务器:
http {
#添加端服务器nginx负载均衡配置
upstream nodejs {
server 127.0.0.1:8080
}
...
}
2)给应用添加虚拟主机:
server {
listen 80
server_nameIP
location / {
proxy_pass nodejs#名字前面应所请求转发给端node
}
access_log logs/nodejs.access.log main#需要志
}
推荐静态文件css、js图片应用服务器
当然会比较大,因为不光打包了自己开发的JavaScript文件,还把依赖(就是那些第三方的库文件)也都打包进去了,确实会比较大。webpack的好处有几项
解决依赖关系
多模块化标准支持
多功能插件支持
相比这些在软件工程中急需解决的问题,“大”这个小事儿可以通过其他方式解决。
譬如,
uglify,可以很大程度上压缩源代码,使之体积减小。
或者通过nginx的gzip_comp_level选项可以设置1 ~ 9不同的压缩级别,以降低网络传输压力。
两者混用效果奇佳,而且也是最常见最有效的方式
例如React.js的源文件有610k左右,uglify之后已经不到200k了,再通过nginx压缩一把,用户在浏览器下载时,只有40k左右了。
以当今的网络环境,除非自己有精确测试结果,否则真心没必要一开始就考虑什么文件大小的问题,咱们已经不是那个时代了
template 会在编译的时候警告
意思: 组件提供模板选项,但是在Vue的这个构建中不支持运行时编译,配置你的bundler别名 vue: vue/dist/vue.esm-bundler.js
vue 的使用环境,分为两种环境,一种是开发,一种是生产,
原文链接: https://blog.csdn.net/qq_41499782/article/details/112505665