无法使用npm运行bootstrap-sass

Question

目前已经建立了一个使用gulp的npm项目。

node_modules-map包含bootstrap-sass和jquery文件夹。

我从src文件夹构建到dist文件夹。dist文件夹将加载到The浏览器中。风格等。

在我的样式(src/ main.scss /main.scss)中，我导入了bootstrap.scss：

@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap-sprockets";
@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

所有的工作，除了我不能让jQuery运行(和手机上的引导导航菜单似乎也不工作，所以我的东西，bootstrap.js也没有加载)

bootstrap-sass安装时使用: npm install bootstrap --save

jquery是随npm install jquery一起安装的--save

脚本代码(src/ main.js /main.js)：

$(document).ready(function() {
    console.log( 'ready!' );
});

控制台错误：

Uncaught ReferenceError: $ is not defined
    at main.js:3

因此，我已经在main.js中搜索并更改了代码

我的main.js文件代码：

var $ = require('jquery');
window.$ = $;
require('bootstrap-sass');

$(document).ready(function() {
    console.log( 'ready!' );
});

但是现在在浏览器控制台中得到以下错误。

Uncaught ReferenceError: require is not defined
at main.js:2

Answer 1

经过一些试验和错误，这是我在使用bootstrap-sass和jQuery时想到的。注意下面代码中的大写“q”。:)

const $ = require('jquery');
window.jQuery = $;
const bootstrap = require('bootstrap-sass');

然后，使用browserify，你应该会做得很好。:D