bundle.js怎么部署到服务器

JavaScript013

bundle.js怎么部署到服务器,第1张

服务器推荐用nginx配置简单性能强悍

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