安装sass

Question

在 安装npm sass

之后，使用命令 npm run dev 运行webpack时遇到问题

"node-sass": "^4.5.2",
"sass-loader": "^6.0.3",
"style-loader": "^0.16.1",

问题：

  

无效的配置对象-configuration.output.path。

给出我的package.json和webpack.config.js。

在此先感谢有人让我知道我们出了什么问题，我们怎么能解决这个问题。

问题：

webpack.config.js

var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: './src/app.js',
    output: {
        path : '    dist',
        filename : 'app.bundle.js'  
    },
    module: {
        rules: [
            { test: /\.scss$/, use: ['style-loader','css-loader', 'sass-loader'] }
        ]
    },
    plugins: [
            new HtmlWebpackPlugin({
                title: 'Index Project Template',
                minify: {
                    collapseWhitespace: true
                },
                hash: true,
                template: './src/indextemp.ejs', // Load a custom template (ejs by default see the FAQ for details) 
            })  
    ]
}

的package.json

{
  "name": "webpacks",
  "version": "1.0.0",
  "description": "Webpack Start",
  "main": "index.js",
  "scripts": {
    "dev": "webpack -d --watch",
    "prod": "webpack -p"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^0.28.0",
    "html-webpack-plugin": "^2.28.0",
    "node-sass": "^4.5.2",
    "sass-loader": "^6.0.3",
    "style-loader": "^0.16.1",
    "webpack": "^2.4.1"
  }
}