vue-cli 构建的项目中如何使用 Less
来源:互联网 发布:交换机端口速率配置 编辑:程序博客网 时间:2024/05/15 07:23
vue-cli 构建的项目默认是不支持 less 的,需要自己添加。
首选,安装 less 和 less-loader ,在项目目录下运行如下命令
npm install less less-loader --save-dev
当然,比起 npm,我个人更喜欢用 yarn
yarn add less less-loader --dev
安装成功后,打开 build/webpack.base.conf.js
,在 module.exports =
的对象的 module.rules 后面添加一段:
module.exports = { // 此处省略无数行,已有的的其他的内容 module: { rules: [ // 此处省略无数行,已有的的其他的规则 { test: /\.less$/, loader: "style-loader!css-loader!less-loader", } ] }}
最后,在代码中的 style 标签中 加上 lang="less"
属性即可~
<style scoped lang="less"></style>
阅读全文
5 1
- vue-cli 构建的项目中如何使用 Less
- vue-cli 构建的项目中使用 Less
- vue-cli中使用less的方式!
- 使用VUE-CLI构建一个项目基本的配置
- 使用vue-cli构建的项目不检查分号
- 使用vue-cli构建项目步骤
- vue-cli构建项目
- vue-cli构建项目
- Vue中如何使用less
- vue中如何使用less
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli vue2.0如何使用引入less或者sass
- Vue.js:使用vue-cli快速构建项目
- 从HTTP到HTTPS协议系统升级总结
- Hongcow Solves A Puzzle (思维)
- Chapter 3. Strings, Vectors, and Arrays
- 分享 2 个做笔记必备的思维导图工具(周末推荐)
- 两个Activity之间传值
- vue-cli 构建的项目中如何使用 Less
- springmvc返回值问题
- TensorFlow 训练好模型参数的保存和恢复代码
- A1082. Read Number in Chinese (25)
- java乐观锁和悲观锁的实现
- 2017.07.16小组赛题目D
- 第二封信 / 时代宿命是时代的罪过
- HDU 3172 Virtual Friends(并查集+map+输入)
- ROC曲线与代价曲线