1

次の webpack 構成を使用して、エントリ ポイント entry.js で css を縮小しようとしています。entry.js には require('mystyles.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 には次の css があります

.body { background: #000;  }

webpackを実行すると、次のエラーが発生します

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

すべての .css ファイルを単一の styles.css ファイルにするために使用する必要があるローダーを教えてください

4

2 に答える 2

0

これが唯一の問題ではないかもしれませんが、output最初は webpack 構成オブジェクトで定義されていません...

次のようなものが必要です。

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

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

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

于 2016-04-06T06:05:58.313 に答える