2017-02-02 35 views
1

我有一个简单的Symfony/Webpack项目,可以在webpack 2.2.0下运行。 但是,由于更新到2.2.1,当使用webpack-dev-server运行项目时,正面会中断。使用Webpack导入JQuery插件时出错2.2.1

可以复制示例项目:[email protected]: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

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

我使用的其他Webpack插件有:CommonsChunkPlugin,HotModuleReplacementPlugin,UglifyJsPlugin和DefinePlugin。

我symply导入一个jQuery插件,我app.js文件中:

// 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(); 

和错误,我得到:

enter image description here

插件工作正常的WebPack 2.2.0(你可以测试如果在webpack220分支上的示例项目)

感谢您的任何帮助

回答

0

在引导文件输入前增加一行: window.$ = window.jQuery = require('jquery');