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

在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