[webpack]path、publicPath、--content-base 理解

附源碼：http://files.cnblogs.com/files/chenshao/startPublic.rar

'use strict';
var webpack = require('webpack');
var path = require('path');

//CLI：webpack-dev-server --content-base public

module.exports = {
  entry: path.join(__dirname,"src","entry.js"),
  output: {
    /*
        webpack-dev-server環境下，path、publicPath、--content-base 區別與聯系
        path：指定編譯目錄而已（/build/js/），不能用於html中的js引用。
        publicPath：虛擬目錄，自動指向path編譯目錄（/assets/ => /build/js/）。html中引用js文件時，必須引用此虛擬路徑（但實際上引用的是內存中的文件，既不是/build/js/也不是/assets/）。
        --content-base：必須指向應用根目錄（即index.html所在目錄），與上面兩個配置項毫無關聯。
        ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
        發布至生產環境：
        1.webpack進行編譯（當然是編譯到/build/js/）
        2.把編譯目錄（/build/js/）下的文件，全部復制到/assets/目錄下（注意：不是去修改index.html中引用bundle.js的路徑）
    */
    path: path.join(__dirname,"build","js"),
    publicPath: "/assets/",
    //publicPath: "http://cdn.com/assets/",//你也可以加上完整的url，效果與上面一致（不需要修改index.html中引用bundle.js的路徑，但發布生產環境時，需要使用插件才能批量修改引用地址為cdn地址）。
    filename: 'bundle.js'
  }
};