vue.config.js 675 B

123456789101112131415161718192021222324252627282930313233
  1. const path = require('path')
  2. function resolve(dir) {
  3. return path.join(__dirname, dir)
  4. }
  5. module.exports = {
  6. // 解析SVG组件
  7. chainWebpack(config) {
  8. config.module.rule('svg').exclude.add(resolve('src/icons')).end()
  9. config.module
  10. .rule('icons')
  11. .test(/\.svg$/)
  12. .include.add(resolve('src/icons'))
  13. .end()
  14. .use('svg-sprite-loader')
  15. .loader('svg-sprite-loader')
  16. .options({
  17. symbolId: 'icon-[name]'
  18. })
  19. .end()
  20. },
  21. //vue.config.js
  22. css: {
  23. loaderOptions: {
  24. postcss: {
  25. postcssOptions: {
  26. plugins: [require('tailwindcss'), require('autoprefixer')]
  27. }
  28. }
  29. }
  30. }
  31. }