2016-02-05 63 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