我一直在玩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' },
]