仅需三步,即可在Vue项目中配置sass
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.ba...
·
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">
更多推荐
已为社区贡献9条内容
所有评论(0)