小程序开发|小程序制作|小程序开发网

搜索

通俗易懂讲解vue.config.js的配置参数

2023-4-27 16:54| 发布者: 风琴来| 查看: 384| 评论: 0

摘要: 贴上官网vue-cli3 创建的时候并不会自动创建vue.config.js,因为这个是个可选项,所以一般都是需要修改webpack的时候才会自己创建一个vue.config.js再然后因为vue-cli3内部高度集成了webpack,一般来说使用者不需要

贴上官网
vue-cli3 创建的时候并不会自动创建vue.config.js,因为这个是个可选项,所以一般都是需要修改webpack的时候才会自己创建一个vue.config.js
再然后因为vue-cli3内部高度集成了webpack,一般来说使用者不需要再去知道weboack做了什么,所以没有暴露webpack的配置文件,我们可以手动去创建vue.config.js 去修改默认的webpack。注意,只能叫vue.config.js。

  • 在根目录中创建 vue.config.js

  • 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 中 

鲜花

握手

雷人

路过

鸡蛋

最新评论