Vue项目-Sass安装步骤

1.vue引用sass

#1.安装依赖

npm install sass-loader --save-dev

# sass-loader依赖于node-sass

npm install node-sass --save-dev

# 2. 在build文件夹下的webpack.base.conf.js的rules里面添加配置

{

test: /\.scss$/, loaders: [‘style‘, ‘css‘, ‘sass‘]

}

# 3. 在项目中使用

<style lang="scss"></style>

# 4. 如果要在项目中引入全局文件

# 全局引入scss文件的依赖包

npm install sass-resources-loader --save-dev

# 修改sass配置 buid/utlis.js

scss: generateLoaders(‘sass‘).concat(

{

loader: ‘sass-resources-loader‘,

　　options: {

　　　　//你自己的scss全局文件的路径

　　　　resources: path.resolve(__dirname, ‘../src/assets/scss/base.scss‘)

　　}

}

),

Vue项目-Sass安装步骤

原文：https://www.cnblogs.com/Allen-project/p/12123061.html