vue-cli3项目开启less支持并引入短链接

Posted 2020-12-11 dshvv

说明
用脚手架搭建的时候，可以在选项中开启（支持less）。
但是如果项目已经建好了
这个时候想开启支持，就需要额外做些事情了

支持less
安装该插件

vue add style-resources-loader
// 或者 npm install stylus-resources-loader --save-dev

安装插件所需依赖

npm install less less-loader@4.1.0 --save-dev

 

设置短链接

// vue.config.js
module.exports = {
  ...
  // webpack配置
  chainWebpack:(config)=>{
    // 设置短链接
    config.resolve.alias
        .set(‘@‘,resolve(‘./src‘))
  }
}