vue devserver及其配置方法

devServer:{
  contantBase:"./abc"
}

target:"web"
 devserver:{
  contantBase:"./abc",
  hot:true，//热更新
 open:true,//build自动打开浏览器
 host://默认lolaohost，也可0.0.0.0，这样同一网段的主机都能通过ip访问
 port:7777//访问项目时的端口号
 compress:true浏览器请求静态资源时压缩一下，打开浏览器的检查时可以看到bundle.js的content-encoding是gzip，浏览器自动解压
}

main.js中，import "./js/element":改为
import "./js/element":
if(module.hot){
  module.hot.accept("./js/element.js",()=>{
    console.log("模块发生更新了")
   }
}

devserver:{
contantBase:“./abc”,
hot:true，
open:true,
host:
port:7777
proxy:{
“/api”:“http://localhost:8888”
}
}

proxy:{
“/api”:{
target:“http://localhost:8888”,
pathRewrite:{
“^/api”:“”
},
secure:false,//若target是https，并且secure是true,就会停止访问
changeOrigin:true,//当前项目是localhost7777,代理是localhsot8888,在真实请求服务器时，服务器会检查源头在哪，如果不加changeOrigin,那么服务器会看到header里localhost:7777/api/moment,而不是8888
}

resolve:{
modules : [“node_modules”]//默认从这里找，所以文件夹不能改名字
extension:[“.js”,“.vue”]
alias:{
“js”:path.resolve(__dirname,“./src/js”),
“@”:path.resolve(__dirname,“./src”),
这样配置上后main.js中的import不用写./开头了
}
}

const {cleanWebpackPlugin}=require("clean-webpack-plugin")
const copyWebpackPlugin = require("copy-webpack-plugin")
const {merge} =require("webpack-merge")
const commonConfig= require("./config/webpack.common.config.js")

module.exports=merge(commonConfig,{
   mode:"production",
   plugins: [
new CleanWebpackPlugin(),
new CopyWebpackPlugin({
    patterns: [
      {
         from: ' "public" ,
         to: "./",
        glob0ptions: {
           ignore: [
              "**/ index . html"
           ]}
       }
    ]
  }))
]

module.exports={
    mode:"development",
    devtool:"source-map",
    devserver:{
      contantBase:"./abc",
      hot:true，
      open:true,
       host:
       port:7777
       proxy:{
         "/api":"http://localhost:8888"
      }
   }
}

module.exports={
   公共的一些配置留在这个文件里
}