vue.config.js:配置

Vue的的Vue-cli 3如果需要配置一些文件的情况,需要我们手动去创建vue.config.js。

在根目录创建vue.config.js文件

 

vue.config.js 的配置内容

const path = require('path')

function resolve (dir) {
    return path.join(__dirname, dir)
} //配置icon使用方法

module.exports = {
    // 部署应用包时的基本 URL,用法和 webpack 本身的 output.publicPath 一致
    publicPath: './',
    // 输出文件目录
    outputDir: 'lamp',
    // eslint-loader 是否在保存的时候检查
    lintOnSave: true,
    // 是否使用包含运行时编译器的 Vue 构建版本
    runtimeCompiler: false,
    // 生产环境是否生成 sourceMap 文件
    productionSourceMap: false,
    // 生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 标签上启用 Subresource Integrity (SRI)
    integrity: false,
    //放置生成的静态资源 (js、css、img、fonts) 的目录
    assetsDir: 'assets',
    // webpack相关配置
    chainWebpack (config) {
        config.module
            .rule('svg')
            .exclude.add(resolve('src/icons'))
            .end()
        config.module
            .rule('icons')
            .test(/\.svg$/)
            .include.add(resolve('src/icons'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]'
            })
            .end()
    },
    configureWebpack: {},
    // css相关配置
    css: {
        // 是否开启 CSS source maps
        sourceMap: false,
        // css预设器配置项
        loaderOptions: {},
    },
    // PWA 插件相关配置
    pwa: {},
    // webpack-dev-server 相关配置
    devServer: {
        // open: true,
        // host: 'localhost',
        // port: 8080,
        // https: false,
        // hotOnly: false,
        // http 代理配置
        proxy: {
            '/api': {
                target: 'http://56.115.106.175:8080',//测试
                // target: 'http://56.115.106.175:3030',//本地
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            },
            '/apix': {
            },
        },
        before: (app) => { }
    },
    // 第三方插件配置
    pluginOptions: {

    }
}

这些是我这边需要用到的一些配置,还有其他需求的话可以去官方文档:https://cli.vuejs.org/zh/config/#lintonsave

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值