針對vue項目開發中,通過node本地起服務進行開發,會針對各種情況進行定制化配置處理,比如啟動時自動打開瀏覽器進行服務訪問,配置信息合並等操作,此時插件的作用就很關鍵,如何在項目中從無到有地安裝,使用一個插件呢,具體流程如下:
1、安裝插件依賴包
#npm install -D open-browser-webpack-plugin
2、在項目根目錄中配置vue.config.js文件,引入插件並使用
const openBrowserWebpackPlugin = require('open-browser-webpack-plugin'); const path = require('path'); function resolve(url){ return path.join(__dirname,url); } let config = { configureWebpack:{ resolve:{ alias:{ '@api':resolve('src/api'), '@router': resolve('src/router') } }, plugins:[ new openBrowserWebpackPlugin({ url:'http://localhost:8080' }) ] } } module.exports = config;