javascript - 关于vue @import路径问题

问题描述

问 题

<style lang="less" scoped rel="stylesheet/less">
  @import "../../common/less/mixin"; //正确
  @import "src/common/less/mixin.less"; //报错
</style>

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      'src': resolve('src'),
      'common': resolve('src/common'),
      'components': resolve('src/components'),
      'base': resolve('src/base'),
      'api': resolve('src/api')
    }
}

在vue里面@import路径问题,在webpack.base.config.js里面配置好别名,为什么在style标签里面直接用"src/" 会报错,需要在别的地方配置相关设置吗?在script标签里面引入没有问题,求解决方式!

解决方案

eg:
@import '~@/assets/scss/helpers/_mixin';

使用 ~

这篇关于javascript - 关于vue @import路径问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！