Webpack css，sass和styleloader

我是新来的Webpack，所以它可能是一个简单的修复，但我似乎无法找到它。Webpack css，sass和styleloader

我做了一个小SCSS文件，看看是否可以的WebPack编译：

$color: #00000; 

* { 
    background-color: $color; 
}

然而，当我运行webpack-dev-server它给了我这个错误： Invalid CSS after "$color:": expected expression (e.g. 1px, bold), was "#00000;"

我觉得它有什么做ExtractTextPlugin，但我已经跟着example，我无法找到问题

这是我webpack.config：

const ExtractTextPlugin = require('extract-text-webpack-plugin'); 

const extractSass = new ExtractTextPlugin({ 
    filename: "[name].[contenthash].css", 
    disable: process.env.NODE_ENV === "development" 
}); 

module.exports = { 
    context: __dirname + '/app', 
    entry: './app.module.js', 
    output: { 
     path: __dirname + '/build', 
     filename: 'bundle.js' 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       use: { 
        loader: 'babel-loader', 
        options: { 
         presets: ['env'] 
        } 
       } 
      }, 
      { 
       test: /\.scss$/, 
       use: extractSass.extract({ 
        use: ['css-loader', 'sass-loader'], 
        fallback: "style-loader" 
       }) 
      } 
     ] 
    }, 
    plugins: [ 
     extractSass 
    ], 
    resolve: { 
     alias: { 
      Styles: __dirname + '/assets/styles' 
     } 
    } 
};

任何帮助，将不胜感激，谢谢

来源

2017-06-15 Snackoverflow

您是否尝试过颜色十六进制中的3或6'0'？ 5看起来对我。 – SamHH

我不能相信这是，谢谢.. * facepalms * – Snackoverflow

我会坚持在答案，所以你可以关闭这个问题:-) NP – SamHH

#000或#000000代替#00000。 :-)

来源

2017-06-15 08:51:09 SamHH

Webpack css，sass和styleloader

回答

相关问题