- 多文件打包,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