從前可能需要每個檔案都自己人工 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

留言與分享

  • 第 1 頁 共 1 頁

DMoon

熱愛科技的資工系學生,喜歡學習新的技術

目前主要開發 Web APP

較熟悉的技術是 Node.JS / React.JS


學生 / 創科資訊實習生


Taichung, Taiwan