在 Webpack 2 中使用 Bower 模块答案

【问题标题】：Using bower modules with Webpack 2在 Webpack 2 中使用 Bower 模块
【发布时间】：2017-03-11 16:39:43
【问题描述】：

我是 Webpack 的新手，我从 Webpack2 开始。我无法从 bower_components 文件夹中使用 require 或 import 模块。是否可以这样做，如果可以，您可以给我一个例子或其他东西。

这是我的 webpack.config 文件：

【问题讨论】：

【解决方案1】：

您可以将resolve.modules 配置为也查看bower_components。

resolve: {
  modules: ['bower_components', 'node_modules']
}

这将首先查看bower_components，如果找不到模块，它将查看node_modules。如果你不包含node_modules，你将无法使用从 npm 安装的包。

【讨论】：

我收到此错误“找不到模块：错误：无法解析 '/Users/Sempa/Desktop/PersonalWeb/app/assets/javascripts/vendor' @ ./app 中的 'bigvideo' /assets/javascripts/vendor/main.js 3:15-34" 这是我的代码（屏幕截图）resolve: { modules: [path.resolve(__dirname, "app/components"), "node_modules"] }, 我的凉亭模块安装在 '/app/components/' 下
他们是在app/components（你现在配置的）还是app/components/bower_components？后者更有意义，因此您需要配置正确的路径。