Webpack 3建立後的sass loader錯誤

我正在使用最新版本的webpack 3.4.1，使用sass loader和提取文本插件來生成一個靜態的css文件。它的加載罰款我的開發服務器上，我可以看到css文件，但得到一個控制檯錯誤'未捕獲的SyntaxError：意外的令牌'，它指向第一行上的css文件@ body {color：＃000}。Webpack 3建立後的sass loader錯誤

我的webpack配置如下。任何幫助非常感謝。

const path = require('path'); 
const webpack = require('webpack'); 

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

module.exports = { 
    context: path.resolve(__dirname, ''), 
    entry: { 
    app: './src/js/app.js', 
    }, 
    output: { 
    filename: '[name].bundle.js', 
    path: path.resolve(__dirname, './dist/assets'), 
    publicPath: '/assets', 
    }, 
    devServer: { 
    contentBase: path.resolve(__dirname, './src'), // New 
    }, 
    module: { 
    rules: [{ 
     test: /\.js$/, 
     exclude: [/node_modules/], 
     use: [{ 
      loader: 'babel-loader', 
      options: { 
      presets: ['es2015'] 
      }, 
     }], 
     }, 
     { 
     test: /\.(svg|gif|png|eot|woff|ttf)$/, 
     use: [{ 
      loader: 'url-loader' 
     }] 
     }, 
     { 
     test: /\.scss$/, 
     use: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: ['css-loader', 'sass-loader'] 
     }) 
     } 
    ], 
    }, 
    plugins: [ 
    new ExtractTextPlugin({ 
     filename: '[name].bundle.css', 
     allChunks: true, 
    }), 
    ], 
};

來源

2017-08-04 Chris O

嗨克里斯，你是否設法解決它？ –

爲什麼你不使用外部編譯器從薩斯到CSS，這將是更快，更容易給你，你只需要使用CSS加載在你的WebPack配置，你從程序編譯器的多sass到css如（指南針，Prepros） Prepros是如此之好，我用這種方式並沒有任何問題吧

來源

2017-08-04 20:47:22

Webpack 3建立後的sass loader錯誤

回答

相關問題