Vue---- vue.config.js 一般配置

官方文档

https://cli.vuejs.org/zh/config

说明

vue-cli3将webpack的基础配置全部内嵌了，统一使用： vue.config.js

当然，也可以单独创建，再引用

module.exports = {
  publicPath:'./',            // 公共,基本路径
  
  // 输出文件目录，不同的环境打不同包名
  outputDir: process.env.NODE_ENV === "development" ? 'devdist' : 'dist', 
  assetsDir: 'static',        // 默认会在目录同时生成三个静态目录：js,css,img
  lintOnSave: false,          // 关闭eslint代码检查
  filenameHashing: false,     // 生成的静态资源名, 默认加了hash, 命名.后面的为hash：chunk-2d0aecf8.71e621e9
  productionSourceMap:false,  // 生产环境下css 分离文件, sourceMap 文件
  // css: {   
  //     extract: true,      // 是否使用css分离插件 ExtractTextPlugin
  //     sourceMap: false,   // 开启 CSS source maps        
  //     modules: false,     // 启用 CSS modules for all css / pre-processor files.
  //     // css 预设器配置项
  //     loaderOptions: {
  //         sass: {
  //             data: `@import "./src/assets/hotcss/px2rem.scss";`
  //         }
  //     }        
  // },
  devServer: {
      port:8089,
      host: "localhost",   // 0.0.0.0
      open: true,          // 配置自动启动浏览器
      https: false, 
      hotOnly: false,
      overlay: {
          warnings: true,
          errors: true
      },
      //  配置代理,解决跨域的问题, 只有一个代理
      // proxy: null,
      // proxy: 'http://api.mc.com',
      
      // proxy: {
      //     "/api": {
      //         target: "http://api.mc.com",
      //         changeOrigin: true
      //     },
      //     "/foo": {
      //         target: ""
      //     }
      // },
      before: app => {},     // 第三方插件
  }
}

包管理文件package.json

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",          // 打包默认会删除build 目录及文件，可以增加 --no-clean 每次不删除
    "devbuild": "vue-cli-service build --mode development",    // 添加点
    "lint": "vue-cli-service lint"
},