你好我想了解为什么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和完整路径之一?
(我确信,完整的路径是正确的)
谢谢!