vueCli4如何配置vue.config.js文件

下面是vueCli4 如何配置 vue.config.js 文件的攻略：

1. 创建 vue.config.js

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

1. 配置 vue.config.js

打开 vue.config.js，添加需要配置的选项，比如 publicPath、outputDir 等等。

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/',
  outputDir: 'dist',
  assetsDir: 'static'
}

其中，publicPath 指定生产环境下的公共访问路径，outputDir 指定生成文件的输出目录，assetsDir 指定生成文件输出目录下的静态资源目录。

1. 示例说明

下面是两个具体的示例，分别是指定打包输出目录和指定打包后文件名：

// 示例一：指定打包输出目录为 build
module.exports = {
  outputDir: 'build'
}

// 示例二：指定打包后文件名为 myApp.js
module.exports = {
  configureWebpack: {
    output: {
      filename: 'myApp.js'
    }
  }
}

在示例一中，我们通过修改 outputDir 即可指定打包输出目录为 build 目录；示例二中，我们通过在 configureWebpack 中修改 output 中的 filename 来指定生成文件的名称为 myApp.js。

除此之外，vue.config.js 还支持许多其他的选项，如：

• lintOnSave
• chainWebpack
• devServer
• productionSourceMap

需要根据自己的实际需求进行配置。

以上就是关于 vueCli4 如何配置 vue.config.js 文件的完整攻略，希望可以帮助到你。