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