在vue-cli中构建的项目是可以使用less的,但是查看package.json可以发现,并没有less相关的插件,所以我们需要自行安装。
第一步 安装
打开cmd命令行,执行npm install less less-loader --save-dev,通过npm安装less和less-loader,并记录到devDependencies中,出现下图所示即表示安装成功
第二步 在配置文件中配置
在如图所示的文件夹下新建webpack.dev.conf.js文件,并写上如下代码
module: {
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
}
即webpack.dev.conf.js在合并了webpack.base.conf.js的基础上又添加了dev环境下的mo