你好我想了解爲什麼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和完整路徑之一?
(我確信,完整的路徑是正確的)
謝謝!