vuecli如何配置svgo插件

可以通过在vue.config.js中添加以下代码来配置svgo插件：

module.exports = {
  chainWebpack: config => {
    const svgRule = config.module.rule('svg')
    svgRule.uses.clear()
    svgRule
      .use('vue-svg-loader')
      .loader('vue-svg-loader')
      .options({
        svgo: {
          plugins: [
            { removeDoctype: true },
            { removeComments: true }
          ]
        }
      })
  }
}

这将使用vue-svg-loader来处理svg文件，并使用svgo插件来优化svg文件。

相关问题

vue项目使用svgo插件

可以使用svgo-loader插件来优化vue项目中的SVG图像。该插件可以在构建过程中自动优化SVG图像，减小文件大小，提高页面加载速度。同时，也可以通过配置svgo-loader插件来自定义优化规则，以满足不同的需求。

vuecli 配置eslint

VueCLI 是一个用于快速构建 Vue.js 应用程序的脚手架工具，它提供了一些默认的配置选项，其中一个就是 eslint。

要配置 eslint，首先需要在项目根目录下找到 .eslintrc.js 文件，这是 eslint 的配置文件。在此文件中，可以配置 eslint 的规则、插件和解析器等选项。可以根据自己的需求在这个文件中进行修改和设置。

除了直接修改.eslintrc.js 文件外，VueCLI 还提供了一些命令行工具来快速配置 eslint。通过运行命令 vue add eslint，VueCLI 将会引导你选择 eslint 的一些常用配置选项，比如选择使用 Airbnb 的 eslint 配置规则、使用 vue 插件等。这样会自动生成对应的配置文件，避免了手动编写和修改配置文件的麻烦。

另外，VueCLI 还可以通过运行命令 vue inspect eslint 来查看当前项目中 eslint 的配置选项和规则，这对于了解当前eslint的配置情况也非常有帮助。

总之，通过 VueCLI 配置 eslint，可以通过命令行工具或直接修改配置文件的方式来满足项目的 eslint 配置需求，让我们更方便地使用 eslint 来保证代码质量和规范。