javascript - webpack的alias可以像require那样配置么?

问题描述

问 题

之前一直在用require.js,最近刚刚接触webpack,webpack的alias可以不通过webpack.config.js里面来配置么?像require一样配置alias

以下是webpack.config.js配置,

entry: {`请输入代码`
    main: 'index.js'
},
output: {
    path: 'build'
    filename: '[name].js'
},
resolve: {
    root: 'modules'
    alias: {
        'mod/slider': '/path/mods/mod/slider/0.0.5',
        'mod/footer': '/path/mods/mod/footer/0.0.2',
        'mod/slider/0.0.3': '/path/mods/mod/slider/0.0.3',
        'mod/header': '/path/mods/mod/header/0.0.1',
        'mod/slider/0.0.1': '/path/mods/mod/slider/0.0.1'
    }   
}

require.js配置在一个js文件的;

baseUrl: "/assets/script",
paths: {
    "userinfo": "room/mod/userinfo",
    "client": "room/mod/client",
    "popTips":"room/mod/popTips",
    "sidler": "room/mod/sidler",
    "event": "room/mod/event",
}

解决方案

webpack.config.js 内里就是组装一个 js Object，所以你可以这样：

var _ = require('lodash');
var config = _.extend({
/*你上面的 entry, output 等 */
}, {
    resolve: {
        root: '',
        alias: require(/*你的alise配置*/)
    }
});
module.exports = config

这篇关于javascript - webpack的alias可以像require那样配置么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！