2016-02-05 65 views
0

你好我想了解爲什麼webpack開發服務器拒絕使用我的index.js的完整路徑。 (我正在使用帶有babel的webpack來構建reactJS。)Webpack開發服務器配置拒絕使用完整路徑索引

目前,我的webpack.config與我的index.js文件位於相同的目錄中,並且由於我的index.js入口點的聲明只是「./index」。這裏是我的webpack.config看起來像:

module.exports = { 
devtool: 'inline-source-map', 
entry: [ 
    'webpack-dev-server/client?http://localhost:3000', 
    'webpack/hot/only-dev-server', 
    './index' 
], 
output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'bundle.js', 
    publicPath: '/static/' 
}, 
plugins: [ 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.NoErrorsPlugin() 
], 
resolve: { 
    extensions: ['', '.js'] 
}, 
module: { 
    loaders: [{ 
    test: /\.js$/, 
    loader: 'babel-loader', 
    exclude: /node_modules/, 
    include: __dirname 
    }] 
}}; 

利用這種配置我的項目是建立由巴貝爾只是正常的服務器上!

我試圖指定我的index.js入口點的完整路徑時出現問題。我需要這個,因爲我想將webpack外部化,它是我的FE代碼中的配置。可以肯定,這將工作我第一次嘗試不依靠該webpack.config和index.js在同一個目錄,但要指定索引的路徑全路徑名:

entry: [ 
    'webpack-dev-server/client?http://localhost:3000', 
    'webpack/hot/only-dev-server', 
    'D:/projects/myProject/index' 
] 

有了這個配置通天塔似乎能夠瀏覽到index.js並開始編譯它,但它確實會遇到意想不到的(對我來說)錯誤解析期間:

ERROR in D:/projects/myProject/index.js 
Module parse failed: D:/projects/myProject/index.js Line 1: Unexpected token 
You may need an appropriate loader to handle this file type. 
| import 'babel-core/polyfill'; 
| 
| import React from 'react'; 
@ multi main 

我怎麼錯過了,爲什麼做的WebPack之間的差異相對配置index.js和完整路徑之一?

(我確信,完整的路徑是正確的)

謝謝!

回答

0

經過一番煩人的調查後,似乎我的問題是用大寫字母指定Windows驅動器。出於某種原因,它似乎index.js位置完整路徑應該以小寫盤符開頭!

希望這種體驗可能對別人有幫助。 嘗試使用:

d:/Folder1/folder2/index.js 

,而不是

D:/Folder1/folder2/index.js