vue項目開發中使用插件流程


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM