Question

我成功使用了这个bootstrap CSS和字体，但下拉列表不起作用，我无法在控制台中看到任何错误，因此我无法调试此问题。好像我需要做一些事情来包含来自dropdown.js的{{1}}，但是如何在＆＃34; webpacking＆＃34;中做到这一点。方式是什么？

的package.json：

node_modules\bootstrap\js\

webpack.config.js

  ...
  "dependencies": {
    "bootstrap": "*",
    "jquery": "*",
    "vue-resource": "*",
    "vue-router": "*",
    "vue": "*"
  }
  ...

某些手册介绍了如何使用其他包bootstrap-webpack。我无法理解其中的区别，我还需要使用twbs引导的软件包

Answer 1

这种方式不正确或不正确，但我解决了它：

已安装bootstrap-webpack：npm install bootstrap-webpack --save-dev
已安装expose-loader： npm install expose-loader --save-dev
添加了加载器：

到webpack.config.js module: { loaders: [：

// the url-loader uses DataUrls.
// the file-loader emits files.
{test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/font-woff'},
{test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream'},
{test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file'},
{test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml'}

导入后在主require之上添加index.js：

代码：

require('expose?$!expose?jQuery!jquery');
require("bootstrap-webpack");

Answer 2

您只是在main.js中错过了这段代码

import 'bootstrap'

在webpack中包含bootstrap js模块

2 个答案: