webpack打包c(diǎn)ss報(bào)錯(cuò)找不到模塊？

環(huán)境：webpack3.10.0
webpack.config.js配置如下：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: {
        app: "./js/index.js"
    },

    module: {
        loaders: [{
                test:/\.html$/,
                loader:"html-loader"
            },
            {
                test:/\.css$/,
                loader:"style-loader!css-loader"
            },
            {
                test:/\.scss$/,
                loader:"style-loader!css-loader!sass-loader!"
            }
        ]
    },
    plugins:[new HtmlWebpackPlugin({
        template:"./views/index.html"
    })],
    
    output: {
        filename: "[name].js",
        path: path.resolve(__dirname, 'dist')
    }
}

文件目錄：

報(bào)錯(cuò)信息：

入口文件：

import './css/index.css';
console.log('hello world');

更新：
修改樣式文件路徑后index.css可以成功解析，但是換成index.scss后解析就失敗了。
報(bào)錯(cuò)信息：

ERROR in ./js/index.js
Module not found: Error: Can't resolve '' in 'D:\onepage'
 @ ./js/index.js 1:0-27
Child html-webpack-plugin for "index.html":
     1 asset
       [0] ./node_modules/html-webpack-plugin/lib/loader.js!./views/index.html 339 bytes {0} [built]