javascript - webpack require问题？

Question

如图,每次引入文件比较痛苦，有什么办法可以解决问题，使用webpack进行打包的，可否在webpack中进行一些配置后,
达到下面的这种效果。

require('lib/jquery/jquery');
console.log($.fn.jquery);

Answer 1

标准答题试卷：

答： 可以 ---(2分)

可以为路径配置别名，例如我经常喜欢配置的如下 --（2分）

module: {
    resolve: {
        //一下路径都是相对于配置文件的相对路径
        alias: {
            'components': path.resolve(__dirname, 'components'),
            'apis': path.resolve(__dirname, 'apis'),
            'images': path.resolve(__dirname, 'images'),
            'methods': path.resolve(__dirname, 'method'),
            'fonts': path.resolve(__dirname, 'fonts')
        }
    }
}

Answer 2

给lib目录配置resolve->root，为webpack.config.js增加如下内容：

resolve: {
    root: [
        path.resolve(__dirname),
        path.resolve(__dirname, 'public', 'lib')
    ]
},

我的方案假设你的webpack.config.js和public目录同级