2017-02-02 6 views
1

У меня есть простой проект Symfony/Webpack, который отлично работает с webpack 2.2.0. Но с момента обновления до версии 2.2.1 передняя сторона ломается при запуске проекта с webpack-dev-сервером.Ошибка импорта JQuery-плагина с Webpack 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. ЯШ:

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/', 
}, 

Я использую столпотворение с эс-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

добавить строку перед загрузкой-fileinput: window.$ = window.jQuery = require('jquery');