webpack:如何从 "bower_components" 而不是 "node_modules" 获取 JavaScript
webpack: how to get JavaScript from "bower_components", not from "node_modules"
由于使用 main-bower-files
作为使用 Gulp 的编译任务的一部分,我无法使用 node_modules
目录中的 webpack require
模块,因为我会搞砸我当前资产系统中 CSS 的 / 图像 / 字体处理任务。那么,如何告诉 webpack "when I require
something, search into bower_components
folder instead in node_modules
"?
您可以在配置中使用 resolve.modules 选项:
resolve: {
modules: ['bower_components']
}
有了这个它根本不会检查 node_modules
,但是如果你想在 bower_components
中找不到模块时回退到 node_modules
,你可以添加同样,优先级从左到右:
resolve: {
modules: ['bower_components', 'node_modules']
}
由于使用 main-bower-files
作为使用 Gulp 的编译任务的一部分,我无法使用 node_modules
目录中的 webpack require
模块,因为我会搞砸我当前资产系统中 CSS 的 / 图像 / 字体处理任务。那么,如何告诉 webpack "when I require
something, search into bower_components
folder instead in node_modules
"?
您可以在配置中使用 resolve.modules 选项:
resolve: {
modules: ['bower_components']
}
有了这个它根本不会检查 node_modules
,但是如果你想在 bower_components
中找不到模块时回退到 node_modules
,你可以添加同样,优先级从左到右:
resolve: {
modules: ['bower_components', 'node_modules']
}