針對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;
