2017-05-15 54 views
0

我一直在玩https://www.npmjs.com/package/react-calendar-timeline,我有一個問題。React Loader問題取決於目錄?

如果我想重載Timeline類,我根本就

import React from 'react' 
import Timeline from 'react-calendar-timeline'; 
export class MyTimeline extends Timeline { 
    //Here I can override methods 
} 
export default MyTimeline; 

這編譯,並且能夠正常運行。

不過,如果我想使import語句:

import Timeline from 'react-calendar-timeline/src/lib/Timeline'; 

(我最終也將不得不更新.../lib中/項目/ item.js文件,因此需要繼承時間表。 js和/lib/items/items.js,以確保我們加載了重寫的item.js文件而不是該分支的文件)。

我得到加載器問題,並不真正理解爲什麼。

Module parse failed: PATH\node_modules\react-calendar-timeline\src\lib\Timeline.js Unexpected token (36:19) 
You may need an appropriate loader to handle this file type. 
| 
| export default class ReactCalendarTimeline extends Component { 
| static propTypes = { 

,因爲如果我把一切都要從反應日曆,時間線/ src目錄/ lib目錄node_modules的目錄裏面,我不明白這個錯誤,並把它直接進入我的項目,我現在可以從時間軸繼承.js文件(我知道將目錄從節點模塊移出並進入我的項目是不好的做法)。

那麼爲什麼webpack能夠在我的實際項目目錄而不是node_modules中編譯相同的代碼?

我現在webpack.config

loaders: [ 
    { 
     test: /\.(js|jsx)$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2015', 'react'], 
      plugins: ['transform-class-properties'] 
     } 
    }, 
    { test: /\.css$/, loader: 'style-loader!css-loader' }, 
    { test: /\.scss$/, loader: 'style-loader!css-loader' }, 
] 

回答