vue cli脚手架详解_最新的脚手架工具vue-cli 配置目录别名alias

原因

最新的脚手架工具 @vue/cli

不会生成任何webpack文件，所以需要手动创建vue.config.js

同时需要安装path模块 ，否则导致无法解析路径

配置

const path = require('path');function resolve (dir) {    return path.join(__dirname, dir)}module.exports = {    lintOnSave: true,    chainWebpack: (config)=>{        config.resolve.alias            .set('@$', resolve('src'))            .set('assets',resolve('src/assets'))            .set('components',resolve('src/components'))            .set('layout',resolve('src/layout'))            .set('base',resolve('src/base'))            .set('static',resolve('src/static'))    }}