webpack.dev.config.js

const path = require('path');
const merge = require('webpack-merge');
const fs = require('fs');
const commom = require('./webpack.config.js');

module.exports = merge(commom, {
  mode: 'development',
  devtool: 'inline-source-map', // 代码关联显示方式
  devServer: {
    port: 8080,
    contentBase: [path.resolve(__dirname, 'dist')], // 开发服务运行时的文件根目录
    historyApiFallback: true, // spa不跳转,history模式的路由需要true
    compress: false,
    before: (app, server) => {
      app.get('/node_modules/*', (req, res) => {
        res.setHeader('content-type', 'application/javascript; charset=utf-8');
        const filePath = path.resolve(__dirname, '.' + req.url);
        fs.createReadStream(filePath).pipe(res);
      });
    },
    proxy: {
      // '/proxy': 'http://127.0.0.1:3000',
      '/api': {
        target: 'http://47.102.164.229:8885',
        changeOrigin: true,
        // target: 'http://13.75.69.106',
        // pathRewrite: { '^/api': '' },
      },
      '/future': {
        target: 'https://confluxscan.io',
      },
      '/rpc': {
        target: 'http://wallet-mainnet-jsonrpc.conflux-chain.org:12537',
      },
      '/contract-manager': {
        target: 'http://139.224.80.200:8886',
        pathRewrite: { '^/contract-manager': '' },
      },
      // for developing dag locally
      '/conflux-dag.js': 'http://localhost:8081/dist/',
      '/dist/vendors~pixi.js.conflux-dag.js': 'http://localhost:8081/',
      '/dist/vendors~@tweenjs/': 'http://localhost:8081/',
      '/dist/2.conflux-dag.js': 'http://localhost:8081/',
      '/dist/0.conflux-dag.js': 'http://localhost:8081/',
    },
    hot: false,
    inline: false,
  },
});