vue-cli@3初始化的vue项目之webpack配置

使用vue create my-project命令创建出来的vue项目，在项目根目录下创建vue.config.js文件

vue.config.js文件，具体参考文档，以下只写出常用配置方式。

'use strict'
const path = require('path')

function resolve (dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  //开发服务配置
  devServer: {
    port: 8888, // 端口号
    host: 'localhost',  // 主机
    https: false,  // 是否启用https
    open: false // 配置是否自动启动浏览器
  },
  //webpack配置节点
  configureWebpack: {
    // 路径配置
    resolve: {
      extensions: ['.js', '.vue', '.json'],
      // 别名配置
      alias: {
        // @ is an alias to /src
        '@': resolve('src'),
      }
    },
    // 插件配置
    plugins: [],
    // webpack-load配置
    module: {
      rules: []
    }
  }
}