vue-cli 如何打包上線的方法示例

vue-cli 如何打包上線的方法示例

以vue建立的官方例子爲例子，咱們在開發環境的時候會 npm run dev ，生成

而想要打包成一份  很簡單， 只須要 npm run build 這個命令

這兩種命令的配置文件在config的index.js 一種是build 一種是dev ，而咱們想要在本地查看打包後的成果，須要在assetsPublicPath 改變它的路徑， 具體爲何，能夠看index.html引入的文件路徑

以後只須要放在服務器上運行就行了。

*經常使用技巧

1.若是在config -> index.js 中的 build 代碼中的 productionSourceMap的值設爲false ，打包後文件體積能夠減小百分之八十

2.若是設置build文件夾下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置參數添加hash: true，即會使打包生成的index.html中的js和css路徑帶有？+隨機字符串，也就是版本控制

以上就是本文的所有內容，但願對你們的學習有所幫助，也但願你們多多支持腳本之家。

您可能感興趣的文章:

• 詳解vue項目打包後經過百度的BAE發佈到網上的流程
• vue.js項目打包上線的圖文教程
• vue 打包後的文件部署到express服務器上的方法
• 淺談vue項目如何打包扔向服務器

文章同步發佈： https://www.geek-share.com/detail/2736742543.html