2017-02-02 34 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');