在vue项目中使用scss语法的准备步骤

    技术2022-07-10  70

    在vue项目中使用scss语法的准备步骤

    个人总结:在项目根目录cmd控制台中使用以下命令行,安装vue项目中使用scss的相关依赖;在["项目根目录/build/webpack.base.conf.js"]中的module下的rules里添加配置:在项目根目录cmd控制台中使用以下命令行:

    个人总结:

    在项目根目录cmd控制台中使用以下命令行,安装vue项目中使用scss的相关依赖;

    $ npm install node-sass --save-dev $ npm install sass-loader@7.3.1 --save-dev $ npm install style-loader --save-dev

    在[“项目根目录/build/webpack.base.conf.js”]中的module下的rules里添加配置:

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

    在项目根目录cmd控制台中使用以下命令行:

    $ npm run dev
    Processed: 0.012, SQL: 8