1.安装sass依赖包

在终端中输入npm install --save-dev sass-loader,下图表示安装成功:

安装完sass-loader后,再安装node-sass,输入npm install --save-dev node-sass,因为sass-loader依赖于node-sass,下图表示安装成功:

2.添加配置

打开build文件夹下的webpack.base.conf.js,如下图:

找到module.exports里的module,在rules里添加下面的配置:

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

如下图所示:

3.修改style标签

在vue文件中修改style标签,即可使用sass。

<style lang="scss">

 

Logo

前往低代码交流专区

更多推荐