vue-cli3以上搭建项目之webpack配置

且听风呤dzq

已于 2022-02-08 18:11:33 修改

阅读量843

点赞数

分类专栏：笔记文章标签： webpack

于 2022-02-08 18:06:10 首次发布

本文链接：https://blog.csdn.net/qq_47122636/article/details/122827222

版权

本文介绍了在Vue CLI3及以上版本中如何通过vue.config.js文件进行webpack配置，包括一些基本配置的详细说明，旨在帮助开发者理解并调整项目的webpack设置。

摘要由CSDN通过智能技术生成

vue-cli3以上搭建项目之webpack配置

因为vue-cli3以上版本将webpack的基础配置全部内嵌了，所以我们调整 webpack 配置最简单的方式就是在 vue.config.js 中配置，下面是一些常用的配置说明

对在vue.config.js中配置webpack的详情可以点击官网链接
官网：vue cli与webpack相关配置

简单的一些配置

const path = require('path')

module.exports = {
   
  publicPath: './', // 基本路径
  outputDir: 'dist', // 输出文件目录
  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
  assetsDir: 'static',
  lintOnSave: false, // eslint-loader 是否在保存的时候检查
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  // webpack配置
  chainWebpack: (config) => {