2017-02-02 12 views
1

webpack 2.2.0でうまく動作するシンプルなSymfony/Webpackプロジェクトがあります。 しかし、2.2.1に更新して以来、webpack-dev-serverを使ってプロジェクトを実行すると正面が壊れます。Webpack 2.2.1でJQueryプラグインをインポートする際にエラーが発生しました

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

はここに私のwebpack.configである:ここでは

私はWebPACKの構成方法であるgaea44/symfonyの-のWebPACK-221.git:[email protected]

あなたは、サンプルプロジェクトのクローンを作成することができます。 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, 
     } 
    }], 
}, 
01とバベルを使用

私が使用するその他のWebpackプラグインはCommonsChunkPlugin、HotModuleReplacementPlugin、UglifyJsPlugin、DefinePluginです。

私は私のapp.jsファイル内のjQueryプラグインをインポートsymply:

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

関連する問題