vue.js 項目打包

vuejs是個前端框架，npm run dev的目的在於前端開發的時候能夠實時調試。因此npm run dev 只是開發時期會用到，在生產環境中咱們應該使用nginx,apahce tomcat等應用服務器部署！如今嘗試把這個項目放到本地的tomcat服務器上去運行。首先npm run build，而後把dist下生成的文件丟到一個tomcat服務器webapp下面的一個自定義文件夾

打包生成dist文件夾

生成的js者是壓縮後的

refer to :

ttps://jingyan.baidu.com/article/656db918c8963de381249cf4.html

https://cn.vuejs.org/v2/guide/deployment.html

不使用構建工具

若是用 Vue 完整獨立版本，即直接用 <script> 元素引入 Vue 而不提早進行構建，請記得在生產環境下使用壓縮後的版本 (vue.min.js)。兩種版本均可以在安裝指導中找到。

使用構建工具

當使用 webpack 或 Browserify 相似的構建工具時，Vue 源碼會根據 process.env.NODE_ENV 決定是否啓用生產環境模式，默認狀況爲開發環境模式。在 webpack 與 Browserify 中都有方法來覆蓋此變量，以啓用 Vue 的生產環境模式，同時在構建過程當中警告語句也會被壓縮工具去除。這些全部 vue-cli 模板中都預先配置好了，但瞭解一下怎樣配置會更好。