vue3.0项目 npm run build 编译

原创于 2020-08-08 01:22:10 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

22 篇文章

订阅专栏

vue3.x

4 篇文章

订阅专栏

本文介绍如何在Vue项目中配置vue.config.js文件，包括设置publicPath、outputDir、lintOnSave等选项，以及如何调整webpack配置和devServer行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目根目录下新建文件vue.config.js文件，将下面的复制进去

module.exports = {

    publicPath: process.env.NODE_ENV === 'production'? './': '/',

    outputDir: 'dist',

    lintOnSave: true,

    runtimeCompiler: true, //关键点在这  

    // 调整内部的 webpack 配置。

    // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md

    chainWebpack: () => {},

    configureWebpack: () => {},

    // 配置 webpack-dev-server 行为。

    devServer: {

      open: process.platform === 'darwin',

      host: '0.0.0.0',

      port: 8080,

      https: false,

      hotOnly: false,

      // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理

      proxy: null, // string | Object

      before: app => {}

    }

  }