Sass 网页包提取文本插件蓝色
我似乎无法让ExtractTextPlugin正常工作。我从未见过CSS文件。在我尝试切换到这个插件之前,scss文件被捆绑在一起,没有问题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
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'-是我导入文件的方式。这在捆绑时起作用。我认为您不应该在导入时需要它。这将打破机制。