問題一：安裝本地webpack時，npm install webpack安裝失敗
解決辦法：先全局安裝npm install webpack -g，再本地安裝npm install webpack

問題二：
webpack命令打包提示 - configuration.output.path: The provided value "./dist/js" is not an absolute path!
如圖：

QQ截圖20170711112700.png

那么加上 __dirname，成了absolute path
<pre>
output: {
path: __dirname + '/dist/js',
filename: 'bundle.js'
}
</pre>
沒有報錯了，但是dist/js目錄沒有生成bundle.js文件，

解決辦法：

var path = require("path");
...
output: {
    path: path.resolve(\__dirname,  './dist/js'),
    filename: 'bundle.js' 
}

問題三：
當在webpack.config.js中配置postcss-loader時，提示錯誤如下圖：

QQ圖片20170711161614.png

首先配置好加載解析css的loader

{
        test : /\.css$/,
        loader: 'style-loader!css-loader?importLoaders=1!postcss-loader'
 }

以plugins 的方式配置postcss config，如下：

 plugins : [
        new webpack.LoaderOptionsPlugin({
            options : {
                postcss : function(){
                    return [
                        require('autoprefixer')({
                            broswers : ['last 5 versions']
                        })
                    ];
                }
            }
        })
    ]

這種方式不行！

正確的解決方法：
項目根目錄下新建postcss.config.js

module.exports = {
    plugins: [
        require('autoprefixer')({
            browsers: ["last 5 versions"]
        })
    ]
}