Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sass 网页包提取文本插件蓝色_Sass_Webpack_Isomorphism - Fatal编程技术网

Sass 网页包提取文本插件蓝色

Sass 网页包提取文本插件蓝色,sass,webpack,isomorphism,Sass,Webpack,Isomorphism,我似乎无法让ExtractTextPlugin正常工作。我从未见过CSS文件。在我尝试切换到这个插件之前,scss文件被捆绑在一起,没有问题 var webpack = require("webpack"); var path = require("path"); var ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = { entry: "./index.js", outp

我似乎无法让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文本包含在服务器呈现的响应中。

而不是
ExtractTextPlugin.extract(“style”、“CSS”、“sass”)
您需要使用
ExtractTextPlugin.extract(“style”、“CSS!sass”)
。这样的API有点奇怪。

而不是
ExtractTextPlugin.extract(“style”、“css”、“sass”)
您需要使用
ExtractTextPlugin.extract(“style”、“css!sass”)
。这样的API有点奇怪。

我把它改为:loader:ExtractTextPlugin.extract(“style”,“css!sass”)-仍然无法导入!风格css!胡说八道/stylesheets/APP.scss'-是我导入文件的方式。这在捆绑时起作用。我认为您不应该在导入时需要它。它会破坏机制。我把它改为:loader:ExtractTextPlugin.extract(“style”,“css!sass”)-仍然无法导入!风格css!胡说八道/stylesheets/APP.scss'-是我导入文件的方式。这在捆绑时起作用。我认为您不应该在导入时需要它。这将打破机制。