在webpack中配置别名, 在vue模板中@import报错

CSS loader 会把把非根路径的url解释为相对路径， 加~前缀才会解释成模块路径

@import '@static/less/login.less';

resolve: {
        alias: {
            '@static': path.resolve(__dirname, 'src/static'),
            '@api': path.resolve(__dirname, 'src/api'),
            '@components': path.resolve(__dirname, 'src/components')
        }
    }

• 更改
  @import '~@static/less/login.less';