引入bootstrap后，webpack打包报错

Module not found: Error: Can't resolve 'popper.js' ....

这是因为使用webpack打包bootstrap4的时候，需要手动安装jquery和popper.js

npm install bootstrap@4.0.0-beta -D
npm install jquery -D
npm install popper.js -D

webpack如下配置即可

plugins: [
    ...
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery',
        Popper: ['popper.js', 'default'],            
        ...
      })
    ...
  ]

以上解决方案来自：https://stackoverflow.com/questions/45660672/webpack-fails-to-load-bootstrap-v4-0-0-beta

相关文章:

• less文件引入路径问题
• regeneratorRuntime is not defined
• 使用extract-text-webpack-plugin插件出错Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
• [转]彻底解决Webpack打包慢的问题
• webpack如何引入全局jquery