vue-cli webpack配置中 如何启动less-loader sass-loader
2024-09-05 04:59:32
在vue-cli中构建的项目是可以使用less的,但是查看package.json可以发现,并没有less相关的插件,所以我们需要自行安装。 //第一步:安装 npm install less less-loader --save-dev 即通过npm安装less和less-loader,并记录到devDependencies中,因为这是我们在开发中使用的而非在生产中使用,所以就不将之记录在 dependencies 中。 //第二步:在配置文件中配置 实际上如果我们通过vue-cli来构建项目,这一步是可以省略的。 在webpack.dev.conf.js中,我们可以看到下面的代码: module: { // 默认是这样的 rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) //后面userPostCss去掉就启动less sass 了 rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }) }, 即webpack.dev.conf.js在合并了webpack.base.conf.js的基础上又添加了dev环境下的module。
最新文章
- R语言:常用统计检验
- Android Support Library介绍
- jQuery的.html(),.text()和.val()的概述及使用
- iOS8 定位补充
- SQL SA密码丢失
- Unity3D细节整理:AssetBundle对应的各种格式文件的类型
- iOS开发笔记系列-基础7(C语言特性)
- 仿UC浏览器图片加载进度条
- identifier not found error on function call
- python 之文本搜索与替换文件中的文本
- firefox-Developer开发者站点——关于Object.create()新方法的介绍
- 每个前端开发者必会的 20 个 JavaScript 面试题
- APACHE服务器出现No input file specified.的完美解决方案
- 一个方法教你认识ref(简单易懂)
- Ubuntu 启动服务 失败 的 可能解决办法
- jdbc --例子7
- elasticsearch相关
- 汇编 ADD指令
- kube-proxy源代码分析
- 【Gtk】feorda下gtk安装详解