Webpack ExtractTextPlugin 블루스

ExtractTextPlugin이 제대로 작동하지 않는 것 같습니다. 나는 CSS 파일을 본 적이 없다. 이 플러그인으로 전환하기 전에 scss 파일이 문제없이 번들되었습니다.Webpack ExtractTextPlugin 블루스

var webpack = require("webpack"); 
var path = require("path"); 
var ExtractTextPlugin = require("extract-text-webpack-plugin"); 

module.exports = { 
    entry: "./index.js", 
    output: { 
     path: "dist/", 
     filename: "bundle.min.js", 
     publicPath: "/", 
     sourceMapFilename: 'bundle.min.map' 
    }, 
    devtool: '#source-map', 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /(node_modules)/, 
       loader: ['babel'], 
       query: { 
        presets: ['es2015', 'stage-0', 'react'] 
       } 
      }, 
      { 
       test: /\.scss$/, 
       loader: ExtractTextPlugin.extract("style", "css", "sass") 
      }, 
      { 
       test: /\.(png|jpg|jpeg|gif|woff|woff2|svg)$/, 
       loader: 'url-loader?limit=8192' 
      } 
     ] 
    }, 
    plugins: [ 
     new ExtractTextPlugin("bundle.css") 
    ], 
    sassLoader: { 
     includePaths: [path.resolve(__dirname, './stylesheets')] 
    } 
};

SCSS 파일

 { 
      test: /\.scss$/, 
      loader: ['style', 'css?sourceMap', 'sass?sourceMap'] 
     }

... bundle.min.js이 아무 문제를 제기 없는지 확인하지만 서버 렌더링 응답에 포함 할 CSS 텍스트가 필요합니다.

출처

2016-06-05 Tabbyofjudah

ExtractTextPlugin.extract("style", "css", "sass") 대신 ExtractTextPlugin.extract("style", "css!sass")을 사용하는 것이 좋습니다. API는 그런 식으로 조금 이상합니다. 로더 :

출처

2016-06-05 18:25:48

나는 그것을 변경 ExtractTextPlugin.extract는 ("스타일", "! CSS 말대꾸가") - 여전히 – Tabbyofjudah

수입 작동하지 않았다 '!!! 스타일 CSS SASS를 ./ 스타일/APP.scss!' - 파일을 가져 오는 방법입니다. 번들 할 때 작동합니다. – Tabbyofjudah

'import'에서 여러분이 필요하다고 생각하지 않습니다. 메커니즘을 깨뜨릴 것입니다. –

Webpack ExtractTextPlugin 블루스

답변

관련 문제