vue-cli3項目開啟less支持並引入短鏈接

說明
用腳手架搭建的時候，可以在選項中開啟（支持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'))
  }
}