Webpack：@import在css或scower從鮑爾

Question

使用Webpack，從我的css（或scss）文件，我試圖達到一個涼亭包導入一個css文件。隨着新公共管理模塊，這似乎很容易的工作：

app.scss

@import "~normalize.css/normalize.css"; 
body { 
    font-size: 12px; 
} 

在鮑爾的情況下，我一直在嘗試使用resolve.alias得到這個沒有任何成功的工作：

webpack.config.js

resolve: { 
    alias: { 
     'css-spinners' : '/bower_components/css-spinners/css/spinner' 
    } 
    } 

app.scss

@import "css-spinners/three-quarters.css"; 
body { 
    font-size: 12px; 
} 

這是錯誤消息：

ERROR in ./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./src/styles/app.scss 
Module not found: Error: Cannot resolve 'file' or 'directory' ./css-spinners/three-quarters.css in /Users/{project root folder}/src/styles 
@ ./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./src/styles/app.scss 4:10-97 

我不想bower.json通過main加載該組件，因爲我只想從元件導入一個特定的文件。

任何方式@import從一個涼亭組件的css文件？

Answer 1

我還沒有嘗試過（對不起，不是最好的方式來開始答案！），但我已經能夠使用resolve.modules陣列從過去的各種目錄中解析出來。

而不是使用別名，你有沒有嘗試類似下面的東西？

webpack.config.js

resolve: { 
    modules: ['node_modules', 'bower_components'], 
    extensions: ['.js', '.jsx', '.scss'] 
    }, 

app.scss

@import "~css-spinners/css/spinner/three-quarters.css"; 
body { 
    font-size: 12px; 
}