1.webpack4中的filename保证文件唯一

module.exports = {
  // 通过配置hash值保证文件的唯一性
  output: {
    filename: '[name].[hash].bundle.js'
  }
};
1
2
3
4
5
6

2.webpack具体是怎么打包的?Babel呢?

把项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到项目的所有依赖文件,使用loaders处理它们,最后打包为一个(或多个)浏览器可识别的JavaScript文件。 babel将es6、es7、es8等语法转换成浏览器可识别的es5或es3语法。