1

ExtractTextPlugin を適切に機能させることができないようです。私はCSSファイルを見たことがありません。このプラグインに切り替えようとする前は、scss ファイルは問題なくバンドルされていました。

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ファイルはbundle.min.jsファイルをこれで問題なくします...

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

しかし、サーバーがレンダリングした応答に CSS テキストを含める必要があります。

4

1 に答える 1

0

代わりにExtractTextPlugin.extract("style", "css", "sass")を使用しますExtractTextPlugin.extract("style", "css!sass")。APIはそのように少し奇妙です。

于 2016-06-05T18:25:48.993 に答える