在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ webpack配置別名后scss找不到路徑？

webpack配置別名后scss找不到路徑？

vue-cli搭建的項(xiàng)目

webpack.base.config.js

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('src'),
        'components': path.resolve(__dirname, '../src/components'),
        '~base': resolve('src/base'),
        '~api': resolve('src/api'),
        '~common': resolve('src/components/common'),
    }
},

在vue文件中

import Slider from '~base/slider/slider.vue';
import {getRecommend} from '~api/recommend.js';
import {ERR_OK} from '~api/config.js';

這樣是可以找到文件的

但在scss文件中

@import "~common/scss/mixin.scss";
@import "~common/scss/variable.scss";

這樣就找不到了。必須從當(dāng)前scss文件路徑下開(kāi)始向上找才能找到。

請(qǐng)問(wèn)這個(gè)是在哪里配置？THANK Q.

回答
編輯回答
墨染殤

@import "~common... -》 @import "~～common 加一條波浪線。。。
或者 把 alias ～common 改成 common ，下面用 ～common 訪問(wèn)試一下

2017年5月7日 20:20