su_nan-mobile_h5/vue.config.js

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

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

const name = '家园H5' // page title

const ip = '0.0.0.0' // dev port
const port = 9528 // dev port

const Webpack = require('webpack')
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

module.exports = {
    // 基本路径
    // publicPath: '',
    publicPath: '/smartParkApp/',
    // // 打包构建的文件目录
    outputDir: 'dist',
    // // 指定生成index.html的输出路径
    // indexPath:'index.html',
    // // 存放静态资源的目录
    assetsDir: 'assets',
    lintOnSave: process.env.NODE_ENV === 'development',
    productionSourceMap: false,
    devServer: {
        open: true,
        host: ip,
        port: port,
        https: false,
        disableHostCheck: true,
        // 以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: { // 配置跨域
            '/smartParkH5Server': {
                // target: 'http://localhost:9001',
                // target: 'http://123.207.115.14:9091',
                target: process.env.VUE_APP_API_URL,
                ws: true,
                changOrigin: true, // 允许跨域
                pathRewrite: {
                    '^/smartParkH5Server': '' // 请求的时候使用这个server就可以
                }
            },
            '/server': {
                // target: 'http://localhost:9001',
                // target: 'http://123.207.115.14:9091',
                target: process.env.VUE_APP_API_URL,
                ws: true,
                changOrigin: true, // 允许跨域
                pathRewrite: {
                    '^/server': '' // 请求的时候使用这个server就可以
                }
            }
        }
    },
    configureWebpack: {
        // provide the app's title in webpack's name field, so that
        // it can be accessed in index.html to inject the correct title.
        name: name,
        resolve: {
            alias: {
                '@': resolve('src')
            }
        },
        externals: {
            'vue': 'Vue',
            'vant': 'vant',
            'moment': 'moment'
        },
        plugins: [
            new BundleAnalyzerPlugin({ // 插件在这里使用
                analyzerHost: '127.0.0.1',
                //  将在“服务器”模式下使用的端口启动HTTP服务器。
                analyzerPort: 8889,
                analyzerMode: 'server',
                openAnalyzer: false
            }),
            new Webpack.ProvidePlugin({
                $: 'jquery',
                jquery: 'jquery'
            })
        ]
    },
    css: {
        loaderOptions: {
            // 给 sass-loader 传递选项
            sass: {
                // @/ 是 src/ 的别名
                data: `@import "@/common/style/index.scss";`
            }
        }
    }
}