loader有关css文件的配置webpack

挡在入口文件中import一个css文件,打包成功并引入页面后会报错,因为此时无法处理css文件,要想处理此文件,就要安装第三方插件style-loader,css-loader

cnpm install style-loader	css-loader -D

 module: {
        rules: [{
            test: /\.css$/,
            use: [
                'style-loader',
                'css-loader'
            ]
        }]
    }

lsee文件

cnpm install style-loader	css-loader  less-loader  less -D

 module: {
        rules: [{
            test: /\.less$/,
            use: [
                'style-loader',
                'css-loader',
                'less-loader'
            ]
        }]
    }

scss文件

cnpm install style-loader	css-loader  sass-loader  node-sass -D

 module: {
        rules: [{
            test: /\.sass$/,
            use: [
                'style-loader',
                'css-loader',
                'sass-loader'
            ]
        }]
    }