pc-component-v5/webpack.dev.js

var path = require('path')
var webpack = require('webpack')
const WebpackMerge = require('webpack-merge')
const baseConfig = require('./webpack.base.js')
let HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = WebpackMerge.merge(baseConfig, {
  mode: 'development',
  entry: path.join(__dirname, 'examples/main.js'),    // 入口文件
  output: {
    path: path.join(__dirname, 'dist'),     // 打包后文件存放的地方
    filename: 'dist/build.js'              // 打包后输出的文件名
  },
  devServer: {
    port: 8086,
    historyApiFallback: true,
    proxy: {
      '/api': {
          //要访问的跨域的域名
          target: 'http://127.0.0.1:83/',
          ws: true, // 是否启用websockets
          //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样客户端端和服务端进行数据的交互就不会有跨域问题
          changOrigin: true,
      }
    }
  },
  devtool: 'source-map',
  plugins: (module.exports.plugins || []).concat([
    new HtmlWebpackPlugin({		      // html-webpack-plugin 插件对象
      template: path.join(__dirname, './index.html'),     // 指定模板文件
      filename: 'index.html'        // 设置内存中的文件名
    })
  ])
})