码迷,mamicode.com
首页 > Web开发 > 详细

webpack配置详解

时间:2019-11-03 20:15:56      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:into   config   也有   详解   配置   bsp   cti   一个   pat   

一、vue3.0 webpack设置别名

在vue根目录下新建一个文件,命名为vue.config.js(vue官方配置).

const path = require(‘path‘);
function resolve (dir) {
    return path.join(__dirname, dir)  //__dirname为项目根目录,node的express方法中也有使用,join为javascript连接符
}
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‘))
    }
}

 

webpack配置详解

标签:into   config   也有   详解   配置   bsp   cti   一个   pat   

原文地址:https://www.cnblogs.com/uimeigui/p/11788412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!