通过vue-cli创建的工程,默认已经打好了基础,包含vue-loader webpack。
通常我们开发中,使用npm run dev进行开发,webpack会Hot reload,不用我们手动刷新浏览器,很是方便。
但是真正部署的时候,需要使用npm run build命令。
这一步命令会压缩代码,打指纹等等。
可以看到dist目录下是这样的目录结构
原来的static目录内的文件,会原样不动上传到dist的static目录下。
/index.html
/static
----/img
----/js
-------/app.83992983.js
-------/vendor.dklajdkfjwer.js
------/ 更多
---/更多文件省略
生产环境下,生成的dist目录下的文件,上传到服务器的www目录下面就可以了。
放到apache或者nginx下面都可以,或者node服务器都可以。如果是node,需要使用nginx代理node的端,也就是配置Location啦,不懂得前端同学可以问问后台。