js前瞻?!（零宽断言）@import波浪线

vue-router更新
通常一个视图使用一个路由组件渲染，多个组件渲染一个视图确保使用components

正则?!(js只支持前瞻[零宽断言])

• 前瞻，后顾，负前瞻，负后顾（前瞻，要查找的部分在表达式的前面）
• (?=X) X, via zero-width positive lookahead
  • 正向前瞻 查找x表达式前面的部分
  • exp1(?=exp2) 查找exp2前面的exp1
• (?!X) X, via zero-width negative lookahead
  • 负向前瞻
• exp1(?!exp2) 查找后面不是exp2的exp1
• (?<=X) X, via zero-width positive lookbehind
  • 后顾 查找x表达式后面的部分[js不支持]
• (?<!X) X, via zero-width negative lookbehind
  • 负后顾【js不支持】：(?<!=exp2)exp1 查找前面不是exp2的exp1

*sass/scss文件中的@import指令

• 文件名前面加一个下划线，就能避免被编译，引入时不用加下划线
• scss中的@import指令，在同一个目录不能同时存在带下划线和不带下划线的同名文件
• @import 后面的波浪号~ 表示后面的值为alias,会去 webpack alias 配置中找相应的值, 然后拼接成最后的地址

    // webpack配置项
          resolve: {
              alias: {
                  "bootstrap": "xxx/xxx2",
              }
          }
          // 以下二者等价
          @import "~bootstrap/dist/css/bootstrap.min.css"
          @import "xxx/xxx2/bootstrap/dist/css/bootstrap.min.css"