vue-cli配置sass以及使用

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1. 安装依赖
npm install node-sass --save-dev
npm install sass-loader --save-dev2.修改:webpack.base.config.js  (在loaders里面加入以下代码)
{test: /\.scss$/,loaders: ["style", "css", "sass"]
}3.全局使用依赖
npm install sass-resources-loader --save-dev4.修改:build/utils.js
scss: generateLoaders('sass')
修改为:
scss: generateLoaders('sass').concat({loader: 'sass-resources-loader',options: {//你自己的scss全局文件的路径resources: path.resolve(__dirname, '../src/common/scss/index.scss')}}
)5.index.scss 示例
//重置样式
@import './reset.scss';
//minxin
@import './mixin.scss';
//全局基本样式
@import './base.scss';6.使用示例

 

转载于:https://my.oschina.net/u/1773772/blog/1925078

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP 1.7.3

Copyright www.122dh.com Rights Reserved.