贴上官网 vue-cli3 创建的时候并不会自动创建vue.config.js,因为这个是个可选项,所以一般都是需要修改webpack的时候才会自己创建一个vue.config.js 再然后因为vue-cli3内部高度集成了webpack,一般来说使用者不需要再去知道weboack做了什么,所以没有暴露webpack的配置文件,我们可以手动去创建vue.config.js 去修改默认的webpack。注意,只能叫vue.config.js。 "use strict";const path = require("path");function resolve(dir) { return path.join(__dirname, dir);}module.exports = { // 部署应用时的基本 URL publicPath: process.env.NODE_ENV === "production" ? `/${process.env.VUE_APP_BASE_URL}` : "/", // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: "dist", // build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 assetsDir: "", // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。 indexPath: "index.html", // 默认在生成的静态资源文件名中包含hash以控制缓存 filenameHashing: true, // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码 (在生产构建时禁用 eslint-loader) lintOnSave: process.env.NODE_ENV !== "production", // 是否使用包含运行时编译器的 Vue 构建版本 runtimeCompiler: false, // Babel 显式转译列表 transpileDependencies: [], // 设置生成的 HTML 中 和
|