nuxtjs添加第三方loader配置-马克笔记

nuxtjs添加第三方loader配置

nuxtjs是支持自己扩展第三方loader配置的，简单记录

nuxtjs自带的loaders配置只能使用系统默认的，如果想扩展第三方loader必须build.extend扩展

自带loaders

{
  file: {},
  fontUrl: { limit: 1000 },
  imgUrl: { limit: 1000 },
  pugPlain: {},
  vue: {
    transformAssetUrls: {
      video: 'src',
      source: 'src',
      object: 'src',
      embed: 'src'
    }
  },
  css: {},
  cssModules: {
    localIdentName: '[local]_[hash:base64:5]'
  },
  less: {},
  sass: {
    indentedSyntax: true
  },
  scss: {},
  stylus: {},
  vueStyle: {}
}

扩展第三方loader配置 build.extend

build: {
    extend (config, { isDev, isClient }) {
      config.module.rules.push({
        test: /\.svg$/,
        use: [
          'vue-loader',
          'vue-svg-loader'
        ]
      })
    }
}