使用Webpack 2.2.1导入JQuery插件时出错

Question

我是一个简单的Symfony / Webpack项目，运行良好的webpack 2.2.0。 但是，自从更新到2.2.1后，使用webpack-dev-server运行项目时前端会中断。

您可以克隆示例项目：git@gitlab.com：gaea44 / symfony-webpack-221.git

以下是我配置webpack的方法：

├── app
|   └── Resources
|       └── assets
|           └── src
|               └── app.js
|── other symfony files
|── package.json
|── webpack.dev.js
└── webpack.config.js

这是我的webpack.config.js：

context: path.resolve(__dirname, './app/Resources/assets/src'),

entry  : {
    app: './app.js',
},

output : {
    path         : path.resolve(__dirname, './web/build'),
    filename     : '[name].js',
    chunkFilename: '[name].bundle.js',
    publicPath   : 'http://localhost:8090/assets/',
},

我和es-2015使用babel

{
    test: /\.js$/,
    use : [{
      loader : 'babel-loader',
      options: {
        presets    : ['es2015'],
        retainLines: true,
      }
    }],
},

我使用的其他Webpack插件是：CommonsChunkPlugin，HotModuleReplacementPlugin，UglifyJsPlugin和DefinePlugin。

我在app.js文件中输入一个jQuery插件：

// Jquery
import 'expose-loader?$!expose-loader?jQuery!jquery';

// Boostrap
import 'bootstrap-sass';

// Other vendor
import 'bootstrap-fileinput';
import 'bootstrap-fileinput/js/locales/fr';

$('[type=file]').fileinput();

我得到的错误：

插件适用于webpack 2.2.0（您可以测试是否在示例项目中使用webpack220分支）

感谢您的帮助

Answer 1

在bootstrap-fileinput之前添加行： window.$ = window.jQuery = require('jquery');