postcss 가져 오기 및 Webpack 2를 사용하여 가져온 파일을 가져올 수 있습니까?

Question

부트 스트랩 가져 오기에 postcss-import을 사용할 수 있습니까? 여기

내 웹팩 설정의 일부입니다 :

{ 
    test: /\.css$/, 
    loaders: [ 
    { 
     loader: 'style-loader', 
    }, 
    { 
     loader: 'css-loader', 
     options: { 
     importLoaders: 1, 
     modules: true, 
     localIdentName: '[folder]__[local]___[hash:base64:5]', 
     }, 
    }, 
    { 
     loader: 'postcss-loader', 
    }, 
    ], 
}, 

그리고 NPM 설치 Bootstap 가져 오기 위해 노력하고있어 :

@import 'bootstrap/dist/css/bootstrap.css'; 

을 그리고 오류가 있습니다

./~/css-loader?{"importLoaders":1,"modules":true,"localIdentName":"[folder]__[local]___[hash:base64:5]"}!./~/postcss-loader/lib!./src/css/app.css 
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.eot' in '/home/entry/Dev/project/src/css' 
@ ./~/css-loader?{"importLoaders":1,"modules":true,"localIdentName":"[folder]__[local]___[hash:base64:5]"}!./~/postcss-loader/lib!./src/css/app.css 6:4601-4653 6:4676-4728 
@ ./src/css/app.css 
@ ./src/js/backoffice/index.js 
@ ./src/main.js 
@ multi ./scripts/config/polyfills.js ./src/main.js 

./~/css-loader?{"importLoaders":1,"modules":true,"localIdentName":"[folder]__[local]___[hash:base64:5]"}!./~/postcss-loader/lib!./src/css/app.css 
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.woff2' in '/home/entry/Dev/project/src/css' 
@ ./~/css-loader?{"importLoaders":1,"modules":true,"localIdentName":"[folder]__[local]___[hash:base64:5]"}!./~/postcss-loader/lib!./src/css/app.css 6:4778-4832 
@ ./src/css/app.css 
@ ./src/js/backoffice/index.js 
@ ./src/main.js 
@ multi ./scripts/config/polyfills.js ./src/main.js 

........ 

을

또한 기본 로더로 url-loader을 사용하고 있습니다.

{ 
    exclude: [ 
     /\.html$/, 
     /\.js$/, 
     /\.css$/, 
     /\.json$/, 
    ], 
    loader: 'url-loader', 
    options: { 
     limit: 10000, 
     name: 'static/media/[name].[hash:8].[ext]', 
    }, 
    }, 

나는 웹팩 v.2.1.3, postcss 로더 v.11.0.0

Answer 1

당신이 ident: 'postcss',을 추가해야 v.2.0.6, postcss 가져 오기를 사용하고 당신의 https://github.com/facebookincubator/create-react-app/issues/2677

:

이

{ 
    loader: 'postcss-loader', 
    options: { 
    ident: 'postcss', 
    } 
}, 

당신은이 문제에 대한 자세한 내용을보실 수 있습니다 : postcss-loader 설정은 작동하는지 확인하기