vue3.0 vue.config.js文件的创建

最新推荐文章于 2024-08-07 09:25:41 发布

Mark_Songs

最新推荐文章于 2024-08-07 09:25:41 发布

阅读量1k

点赞数 1

分类专栏： JavaWeb vue3.0 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_31438581/article/details/106253043

版权

本文详细介绍了Vue3.0中vue.config.js的创建过程和配置选项，帮助开发者理解如何自定义Vue项目的构建设置，包括更改输出目录、设置公共路径、代理服务器等关键配置。

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

const path = require("path");
module.exports = {
  // 基本路径
  publicPath: process.env.NODE_ENV === "production" ? "" : "/",
  // 输出文件目录
  outputDir: process.env.NODE_ENV === "production" ? "dist" : "devdist",
  // eslint-loader 是否在保存的时候检查
  lintOnSave: false,
  /**
   * webpack配置,see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
   **/
  chainWebpack: config => {
    const svgRule = config.module.rule("svg");     
    svgRule.uses.clear();     
    svgRule       
      .use("svg-sprite-loader")       
      .loader("svg-sprite-loader")       
      .options({         
        symbolId: "icon-[name]",         
        include: ["./src/icons"]       
      });
  },
  configureWebpack: config => {
    config.resolve = {
      // 配置解析别名
      extensions: [".js", ".json", ".vue"],
      alias: {