【webpack】output.path

看着慕课的视频学习webpack,代码全程照敲,在配置webpack.config.js时编译不通过。

视频中用的如下配置

module.exports = {
    entry : './src/script/main.js',  //表示打包入口,从哪个文件开始
    output : {
        path : './dist/js',
        filename : 'bundle.js'
    }
}
提示非绝对路径

在找过度娘之后了解到由于用的是webpack2.3.3版本,不能像1.xx版本一样这样使用。修改为如下方式即可成功编译通过。

var path = require('path');

module.exports = {
    entry : './src/script/main.js',  //表示打包入口,从哪个文件开始
    output : {
        path : path.resolve('./dist/js'),
        filename : 'bundle.js'
    }
}
【webpack】output.path_第1张图片
编译成功

详见:http://webpack.github.io/docs/configuration.html#resolve-root

你可能感兴趣的:(【webpack】output.path)