Vue項目用於Ios和Android端開發 | vue js手機
編譯與運行進入項目根目錄打開package.json文件可以看到項目的各項配置,其中scripts下存放的是各種命令,在命令行中通過npmrun***來執行npmrundev或者npmstart相當於執行webpack-dev-server--configbuild/webpack.dev.conf.js啟動開發環境在開發中經常會使用process.env.***的值來區分不同的環境。環境變量的值在/config/*.env.js文件中配置,webpack.dev.conf.js文件中引入的配置文件是dev.env.js,我們可以在開發是判斷process.env.NODE_ENV的值是否為development來確定當前環境是否為開發環境在不改任何配置的情況下啟動後,在瀏...
編譯與運行進入項目根目錄打開package.json文件可以看到項目的各項配置,其中scripts下存放的是各種命令,在命令行中通過npm run ***來執行
npm run dev 或者 npm start相當於執行webpack-dev-server --config build/webpack.dev.conf.js啟動開發環境
在開發中經常會使用process.env.***的值來區分不同的環境。環境變量的值在/config/*.env.js文件中配置,webpack.dev.conf.js文件中引入的配置文件是dev.env.js,我們可以在開發是判斷process.env.NODE_ENV的值是否為development來確定當前環境是否為開發環境
在不改任何配置的情況下啟動後,在瀏覽器中輸入http://localhost:8080就可以看到效果了
執行此命令後會對當前項目進行編譯打包,編譯完成後我們就可以在/dist目錄下看到我們需要的項目文件了。
編譯完成後可以在終端上看到這樣一段溫馨提示,“不允許通過直接打開index.html文件進行訪問哦”
這也就意味著將打包後的項目直接放到Ios或Android項目中使用webview加載也是不允許的。這可如何是好呢? 我們偷偷的點開/dist/index.html文件看看會發生什麽吧
一片空白並且報了ERR_FILE_NOT_FOUND的錯誤,沒有找到css和js文件。用編輯器打開文件後可以看到,這幾個文件的路徑確實有些問題,於是在路徑前加上一個.號後發現打開頁面不再是一片空白了。
但是,我們不可能每次編譯都重新手動修改一次文件吧?很明顯這個是可以在編譯的配置裏面設置的. 打開/config/index.js文件,找到build {}的配置下有一個assetsPublicPath: ‘/‘的參數配置,修改成assetsPublicPath: ‘./‘就好啦,執行npm run build後資源文件的路徑就修改成./了。
現在無論是用http://還是file://訪問都沒問題了。放到I...