详解vue-cli中配置sass

(编辑：jimmy 日期: 2024/11/16 浏览：3 次 )

如何配置sass

一、安装对应依赖node模块：

npm install node-sass --save-dev

npm install sass-loader --save-dev

二、打开webpack.base.config.js在loaders里面加上

rules: [
   {
    test: /\.vue$/,
    loader: 'vue-loader',
    options: vueLoaderConfig
   },
   {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test')]
   },
   {
    test: /\.(png|jpe"style", "css", "sass"]
   },
   {
    test: /\.(woff2"htmlcode">

<style lang="scss" scoped="" type="text/css"></style> 


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：详解在vue-cli项目中安装node-sass
下一篇：详解如何在vue中使用sass