webpack无法使用相对路径

Question

output: {
    path: './dist',
    filename: 'js/[name].bundle.js'
},

上面这段代码报错：

Hanger:wp3 Hanger$ webpack
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.output.path: The provided value "./dist" is not an absolute path!

文件结构如下：

Answer 1

你试下这

var path = require('path')
output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'js/[name].bundle.js'
},

Answer 2

相对路径要使用相对于包含文件的，比如：

- src
|- app.js
|- foo
    |- bar.js

这样的一个文件目录结构下，如果在 app.js 中要包含 bar.js 则应该是这样写：

// app.js
import bar from './foo/bar.js'

而你似乎写成了 import bar from './src/foo/bar.js'.

Answer 3

这样试试

output: {
    path: __dirname+'./dist',
    filename: 'js/[name].bundle.js'
}