Vue中vue.config的配置

Vue中vue.config的配置

使用 vue config 命令来审查或修改全局的 CLI 配置。vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。

​​vue config​​ 命令用来审查或修改全局的 CLI 配置。

vue-cli 3.x 脚手架搭建完成后，项目目录中没有​​vue.config.js​​文件，需要手动在根目录中创建 vue.config.js。

vue.config.js 是一个​​可选的​​配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。

你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。

​​关于Vue 配置config 文件详解​​​​vue.config的一些配置​​

module.exports = {// 选项// 基本路径publicPath: "./",// 构建时的输出目录outputDir: "dist",// 放置静态资源的目录assetsDir: "static",// html 的输出路径indexPath: "index.html",//文件名哈希filenameHashing: true,//用于多页配置，默认是 undefinedpages: { index: { // page 的入口文件 entry: 'src/index/main.js', // 模板文件 template: 'public/index.html', // 在 dist/index.html 的输出文件 filename: 'index.html', // 当使用页面 title 选项时， // template 中的 title 标签需要是 title: 'Index Page', // 在这个页面中包含的块，默认情况下会包含 // 提取出来的通用 chunk 和 vendor chunk。 chunks: ['chunk-vendors', 'chunk-common', 'index'] }, // 当使用只有入口的字符串格式时， // 模板文件默认是 `public/subpage.html` // 如果不存在，就回退到 `public/index.html`。 // 输出文件默认是 `subpage.html`。 subpage: 'src/subpage/main.js'},// 是否在保存的时候使用 `eslint-loader` 进行检查。lintOnSave: true,// 是否使用带有浏览器内编译器的完整构建版本runtimeCompiler: false,// babel-loader 默认会跳过 node_modules 依赖。transpileDependencies: [ /* string or regex */ ],// 是否为生产环境构建生成 source map？productionSourceMap: true,// 设置生成的 HTML 中 和