首页 > webpack require问题?

webpack require问题?

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

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

标准答题试卷:

答: 可以 ---(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')
        }
    }
}

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

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

我的方案假设你的webpack.config.jspublic目录同级

【热门文章】
【热门文章】