從前可能需要每個檔案都自己人工 import jquery、react

現在透過 webpack 的 ProvidePlugin 可以幫你將 dependency 自動 import

不只是 react , jquery 或其他 lib 都可以使用

使用方法

把 ProvidePlugin 加到 webpack.config.js 的 plugins

example

1
2
3
4
new webpack.ProvidePlugin({
'React': 'react',
$: "jquery"
})

原理是 webpack 在 build bundle.js 時,如果發現 'React' 、 $ ,就會自動去 import 設定中對應的 dependency

例如 使用 React 時

1
React.createClass()

就會自動去 import react

Reference

官方文件

https:[email protected][email protected]lugin-69e7feb69e#.o6x19nno8