縮小化CSS

は、私は、エントリポイントentry.js.Theのentry.jsでCSSを縮小化しようとしています次のWebPACKの設定を使用すると、（ 'mystyles.css'）縮小化CSS

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

module.exports = { 
    entry:'entry.js', 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") } 
     ] 
    }, 
    plugins: [ 
     new ExtractTextPlugin("styles.css") 
    ] 
}

mystylesのみを必要としています。 CSSは、私は次のようなエラーに

Line 1: Unexpected token . 
You may need an appropriate loader to handle this file type.

を取得していますWebPACKのを実行しているのCSS

.body { background: #000; }

を以下している私は、どのお聞かせくださいローダー私はすべての.cssファイルを単一のstyles.cssファイルにするために使用する必要があります

出典

2016-04-04 user988949

どのようにmystyles.css' 'を指していますか？私は1つの可能なアプローチ[ここ]（http://survivejs.com/webpack/building-with-webpack/separating-css/）を文書化しました。私はそれが助けて欲しい –

ありがとうございました。あなたのWebpackチュートリアルは、webpackをより良く理解するのに役立ちました。 – user988949

これを試しましたか？ ...これは、これが唯一の問題ではないかもしれない、あなたの設定

npm i --D css-loader style-loader

出典

2016-04-06 05:59:08

に言及しているstyleとcssローダーがインストールされますが、初心者のために、あなたのWebPACKのconfigオブジェクトで定義されてoutputを持っていない

output: { 
    filename: '[name].js', 
    path: path.join(__dirname, 'public'), 
    publicPath: '/public/' 
    },

出力オプションは、コンパイルされたファイルをディスクに書き込む方法を指示します。複数のエントリポイントが存在する可能性がありますが、出力構成は1つだけ指定されています。

はここに公式ドキュメントを参照してください： https://github.com/webpack/docs/wiki/configuration

出典

2016-04-06 06:05:58 Maxwelll

答えて

関連する問題