webpack 多文件打包，publicPath，SourceMap

• 多文件打包，publicPath

 entry: {
        main: './index.js',
        sub: './index.js'
 },
 output: {
 		publicPath: 'http://cdn.com.cn',  // 在bundle_[name].js前，添加前缀地址
        filename: 'bundle_[name].js',  // 此处[name]指代的就是entry中的key值（main, sub）
        path: path.resolve(__dirname, 'bundle')
 },

• SourceMap
  在打包代码和源码之间，建立映射，方便查找错误

// webpack.config.js
// 如何使用source-map
module.exports = {
...
devtool: 'source-map'  // 在开发模式下,默认使用source-map
...
}

• source-map常用的配置

devtool
source-map
inline-source-map	将source-map文件转为base64格式放在打包文件底部
cheap-source-map	只显示到行，不会精确到字符，只针对业务代码，不管第三方模块代码，减少性能消耗，build速度快
cheap-module-source-map	相比于上面的一直，对于第三方模块代码也有效
eval	执行效率高，但是提示不全面

在开发环境下，建议使用cheap-module-eval-source-map
线上环境，一般不用，如果需要，用cheap-module-source-map