框架搭建/路由分配/基础组件引入

vue.config.js

@@ -0,0 +1,49 @@
+const path = require('path')
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+module.exports = {
+  productionSourceMap: false,
+  publicPath: './',
+  outputDir: 'dist',
+  assetsDir: 'assets',
+  devServer: {
+    port: 8090,
+    https: false,
+    open: true,
+    client: {
+      overlay: false
+    }
+    // proxy: {
+    //   '/api': {
+    //     target: 'http://172.16.0.120:30598',
+    //     changeOrigin: true,
+    //     pathRewrite: {
+    //       '^/api': ''
+    //     }
+    //   }
+    // }
+  },
+  
+  // 其他配置
+  // lintOnSave: false
+
+  /* svg 相关配置 */
+  chainWebpack: config => {
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/assets/icons'))	//svg文件位置
+      .end()
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/assets/icons'))	//svg文件位置
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end()
+  }
+}