如图,每次引入文件比较痛苦,有什么办法可以解决问题,使用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.js
和public
目录同级