解决外部引入less，webpack别名报错

Posted Mr-Cui

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决外部引入less，webpack别名报错相关的知识，希望对你有一定的参考价值。

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

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‘;

更改为：

@import ‘~@static/less/login.less‘;







以上是关于解决外部引入less，webpack别名报错的主要内容，如果未能解决你的问题，请参考以下文章