鍍金池/ 問(wèn)答/HTML5  HTML/ webpack4,sass-laoder使用alias報(bào)錯(cuò)

webpack4,sass-laoder使用alias報(bào)錯(cuò)

在升級(jí)webpack4的時(shí)候,發(fā)現(xiàn)scss里面使用webpack定義的alias,都會(huì)爆路徑錯(cuò)誤

"webpack": "^4.6.0",
"node-sass": "^4.9.0",
"sass": "^1.3.2",
"sass-loader": "^7.0.1",

scss:


      .icon {
        background-image: url(~assets/images/mobile/common/broadcast.png);
      }

webpack:

alias: {
            '@': path.resolve(__dirname, '../src'),
            'src': path.resolve(__dirname, '../src'),
            'components': path.resolve(__dirname, '../src/components'),
            'page': path.resolve(__dirname, '../src/page'),            
            'assets': path.resolve(__dirname, '../src/asstes'),         
            'store': path.resolve(__dirname, '../src/store'),
            'utils': path.resolve(__dirname, '../src/utils'),
            'libs': path.resolve(__dirname, '../src/libs')
        }

結(jié)果:
clipboard.png

我確定路徑是沒(méi)錯(cuò)的,不貼路徑了,因?yàn)楦某上鄬?duì)路徑是沒(méi)有問(wèn)題的。這個(gè)問(wèn)題,升級(jí)過(guò)的人,應(yīng)該都會(huì)出現(xiàn)過(guò),請(qǐng)問(wèn)大家如何解決。

回答
編輯回答
薄荷糖

我記著webpack定義的alias只會(huì)改變js里的require和import,不影響樣式導(dǎo)入

2017年3月9日 17:10