cli安装scss

1.首先要安装webpack

全局安装webpack

npm install webpack -g

然后安装

npm install node-sass --save
npm install sass-loader --save
//如果报错就是版本问题，要先卸载
npm uninstall sass-loader
//再重新指定版本
npm install [email protected] --save-dev

2.在根目录创建webpack.config.js文件

3.在文件中设置

const path = require('path')
module.exports = {
// 入口
// 用相对路径
entry:'./src/main.js',
​
// 输出
output:{
    // 输出路径
    // 他要求要绝对路径，为了方便我们直接调用node的模块
    //调用path的resolve的方法，然后 __dirname代表当前的绝对路径，dist代表文件夹
    path:path.resolve(__dirname,'dist'),
    // 输出的文件名字
    filename:'main.js'
},
// loader
module:{
    rules:[
    
    ]
},
// 插件
plugins:[
​
],
// 环境
mode:'development'
​
}

4.在根目录创建webpack.config.js，并写入

module.exports = {
    module:{
        rules: [
            {
                test: /\.scss$/,
                loaders: ['style','css','sass']
            }
        ]
    }
}