Vue_实战_安装less

首先，说明一点，如果是使用npm init webpack 项目名的方式创建的项目,无需手动配置webpack所以再vue中使用less就非常简单了，只需要安装less, less-loader就行了npm install less less-loader --save //将less和less-loader安装到开发依赖npm run dev如果安装成功那么就可以再vue组件...

_dalianmiao

3626人浏览 · 2018-07-10 15:16:58

_dalianmiao · 2018-07-10 15:16:58 发布

首先，说明一点，如果是使用npm init webpack 项目名的方式创建的项目,无需手动配置webpack

所以再vue中使用less就非常简单了，只需要安装less, less-loader就行了

npm install less less-loader --save //将less和less-loader安装到开发依赖
npm run dev

如果安装成功那么就可以再vue组件中使用less了

<style lang="less" scoped>
 .hello{
  a{
   color:red;
  }
 }

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}$/, //不连续的两位字母// /^