從前可能需要每個檔案都自己人工 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://medium.com/@thejenniekim/never-import-react-from-react-again-thanks-to-webpack-s-provideplugin-69e7feb69e#.o6x19nno8