这里简单罗列vue,config.js一些配置项【vue3】

https://cli.vuejs.org/zh/config/#vue-config-js

// vue.config.js 配置说明
// 这里只列一部分,具体配置惨考文档啊
module.exports = {
    // baseUrl  type:{string} default:'/'
    // 将部署应用程序的基本URL
    // 将部署应用程序的基本URL。
    // 默认情况下,Vue CLI假设您的应用程序将部署在域的根目录下。
    // https://www.my-app.com/。如果应用程序部署在子路径上,则需要使用此选项指定子路径。例如,如果您的应用程序部署在https://www.foobar.com/my-app/,集baseUrl到'/my-app/'.

    baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',

    //   lintOnSave:{ type:Boolean default:true } 问你是否使用eslint
    lintOnSave: true,
    // 如果您不需要生产时的源映射,那么将此设置为false可以加速生产构建
    productionSourceMap: false,
    // devServer:{type:Object} 3个属性host,port,https
    // 它支持webPack-dev-server的所有选项

    devServer: {
        port: 8085, // 端口号
        host: 'localhost',
        https: false, // https:{type:Boolean}
        open: true, //配置自动启动浏览器
        // proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理
        proxy: {
            '/api': {
                target: '<url>',
                ws: true,
                changeOrigin: true
            },
            '/foo': {
                target: '<other_url>'
            }
        },  // 配置多个代理
    }
}

 

转载于:https://my.oschina.net/u/3371661/blog/2999490

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: vue.config.jsVue CLI 3.x中的一个配置文件,用于配置目的一些基本信息和构建选。在Vue 3中,vue.config.js配置Vue 2.x有所不同,主要包括以下几个方面: 1. publicPath:指定目的公共路径,即部署到服务器上的路径。默认值为'/'。 2. outputDir:指定目的输出目录。默认值为'dist'。 3. assetsDir:指定静态资源的输出目录。默认值为'static'。 4. devServer:配置开发服务器的选,包括端口号、代理等。 5. productionSourceMap:是否生成生产环境的source map文件。默认值为true。 6. css:配置CSS相关选,包括是否提取CSS、是否开启CSS source map等。 7. pluginOptions:配置插件选,包括webpack插件等。 以上是Vue 3中vue.config.js的主要配置,具体使用方法可以参考Vue CLI官方文档。 ### 回答2: vue.config.js是一个可选的配置文件,它位于目的根目录下。通过vue.config.js文件,可以对Vue CLI构建的Webpack配置进行修改和扩展,以便更好地满足目的需求。 在Vue 3中,vue.config.js的相关配置有以下几个方面: 1. publicPath:用于设置Webpack构建时生成的资源路径的公共路径。默认值为'/',即根目录。如果需要部署到子路径下,则可以设置成相应子路径。 2. outputDir:用于设置打包后输出文件的存放目录。默认为'dist',即当前目录下的dist文件夹。可以通过该属性指定打包后的文件存放路径。 3. assetsDir:设置存放静态资源(如图片、字体等)的目录。默认为'',即在outputDir下。可以在该属性下设置具体目录。 4. devServer:设置开发服务器的相关配置,如host、port、https等。可以通过该属性配置开发服务器的相关参数。 5. productionSourceMap:用于控制打包文件是否生成sourcemap文件。默认为true,即生成sourcemap。可以设置该属性为false以减少打包文件的体积。 6. configureWebpack/chainWebpack:用于对Webpack配置进行修改和扩展。可以在该属性下添加各种Webpack插件和Loader,以满足目的需求。 除了以上常用的配置外,Vue 3还提供了许多其他属性,如lintOnSave、transpileDependencies等。在使用Vue CLI进行目开发时,可以根据需要进行相关配置,以便更好地满足目的需求。 ### 回答3: Vue3 是一个非常流行的 JavaScript 框架,它提供了一个高效的方式来构建响应式和可重用的用户界面。在 Vue3 中,有许多与构建应用程序相关的配置,其中包括 vue.config.js 相关配置vue.config.js 文件是在 Vue3 中用于配置应用程序配置的文件,可以通过在目根目录中创建一个 vue.config.js 文件来配置应用程序的各种选。在这个文件中,你可以配置诸如是否使用基于 TypeScript 的开发、应用程序的根路径、本地开发服务器配置、Webpack 配置,以及其他许多设置。 在 vue.config.js 文件中,你可以添加一个函数式的配置对象,用以配置应用程序。以下是一些常用的 vue.config.js 相关配置: 1. publicPath:指定构建后应用程序的根路径。如果你想让应用程序在服务器的子目录下运行,则应该将 publicPath 设为该子目录。 2. outputDir:指定构建应用程序的输出目录。 3. assetsDir:指定静态资源文件(如 CSS,图片等)的目录。 4. transpileDependencies:指定需要进行 Babel 转译的依赖包。Vue 3 默认使用了 Babel 7.x,如果你的依赖包中包含旧版本的 Babel,则可能会导致编译错误。此时可以将该依赖包加入 transpileDependencies 数组中,强制转译。 5. devServer:指定本地开发服务器的配置。例如,可以指定服务器的 IP 地址、端口号、是否自动打开浏览器等。 6. chainWebpack:用于修改应用程序的 Webpack 配置,例如添加新的 Loader 或插件。 7. configureWebpack:同样用于修改应用程序的 Webpack 配置,但是它返回的是一个普通的 Webpack 配置对象。 以上是一些常用的 vue.config.js 相关配置,还有许多其他选可以用来优化应用程序的性能、代码质量和开发体验等。了解这些配置以及如何使用它们可以帮助你更好地构建和调试 Vue3 应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值