vue中使用sass

先安装npm install node-sass --save-devnpm install node-sass --save-devnpm install style-loader --save-dev如果npm安装报错，就安装cnpm配置loader在项目中的build目录找到webpack.base.conf.js文件，在该文件module.export中的mo...

WinterWang0207

2751人浏览 · 2019-05-30 10:03:14

WinterWang0207 · 2019-05-30 10:03:14 发布

先安装

npm install node-sass --save-dev

npm install style-loader --save-dev

如果npm安装报错，就安装cnpm

配置loader

在项目中的build目录找到webpack.base.conf.js文件，在该文件module.export中的module.rules加入解释scss文件的loader，具体做法是，在数组中加入一个对象，对象的内容如下：

{

   test: /\.scss$/,

   loader: 'sass-loader!style-loader!css-loader',

}

指定css语言

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^