我一直在尝试使用Webpack打包我的CSS&的JavaScript。我已经使用NPM安装了Bootstrap 4.1.1,webpack 4.11.1和jquery 3.3.1。节点v10.3.0和NPM 6.1.0
我知道问题是尝试使用jQuery的bootstrap,并且jQuery尚未加载,但这是我可以得到的。
$$$1.fn.emulateTransitionEnd = transitionEndEmulator;
TypeError: Cannot set property 'emulateTransitionEnd' of undefined
at setTransitionEndSupport (D:\DevForm\DevForm\node_modules\bootstrap\dist\js\bootstrap.js:122:36)
App.js
..
const bootstrap = require('bootstrap');
..
webpack.config.js
module.exports = {
entry: './app.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'public/javascripts')
},
node: {
fs: 'empty',
net: 'empty'
},
...
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
]
};
到目前为止,我所检查的所有内容都引用了旧版bootstrap的问题,2015年涉及Bower的帖子,文档似乎没有承认任何类似的问题。
我没有使用Node,而且对webpack来说是全新的。如何让它首先加载jQuery,甚至是我的问题?