解決外部引入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';