查看使用的脚本,以及相关的配置
dev
build 是在生产环境中使用的
npm run build不会启动开发服务器,而是准备整个项目以便部署
会生成一个新的dist文件夹,里面有一个build.js文件,这个文件会和index,htnl文件一起被部署
,来让应用能够在服务器上面运行。会把source文件夹下面所有的文件打包成一个文件
webpack.config.js文件
DefinePlugin,
的模式为production,这会剔除一些Vue产生的警告信息,这样会缩小文件体积,确保已经部署的程序,不会在页面上给访问者提示一些晦涩的警告
Uglify JsPlugin优化插件
缩短代码,也就是缩短变量名,使所有代码更紧凑
AWS(亚马逊Web服务)
S3,云存储服务,也可以托管单页面应用和静态应用,但是不需要运行任何服务端代码,所以不需要在这里配置服务端
Create Bucket 任意选择一个区域 -- vuejs-deploy
Static Website Hosting
Enable website hosting
Index Document :index.html
Error Document :index.html//遇到404错误时,能够回到Index.html
Save 开启静态网站的部署
Permissions 添加权限,允许用户访问这个页面
Add Bucket Policy 亚马逊静态网页(谷歌搜索查看网页配置)替换 bucket name
Upload 添加要上传的文件,选择到vuejs项目所在的文件夹,上传Index.html文件,还有dist目录下的build.js
将这两个文件传到托管应用的托管服务
Create Fidder 创建一个文件夹,命名为dist,把build.js文件移动到这个文件夹 Actions 剪切粘贴,保持设置和本地结构一致
回到bucket列表,查看该项目属性