在webpack打包vue文件中，每个vue文件当作模块是怎么处理的
因为接触vue和webpack不是很久，尤其是webpack，对于webpack打包很有疑问。 每一个vue文件是如何被webpack打包成为配置中dist文件夹里面具体html+css+js（一般的打包方式还有map文件） 为什么我在vue文件按照格式写好的代码在打包后会显示出相应的效果 但是我在打包后的文件看不出来二者的联系 主要是html的生成 难道全部是生成在document.createDocumentFragment中然后插入的么？那么一个具体的vue文件一般他会被打包在哪呢？因为只是有限，可能问的比较傻，还请大家指点指点
5 回复
每个vue文件通过export default生成一个es模块，再通过webpack的vue-loader划分moudle，最后通dist文件里的_webpack_require来引入module,map文件是devtool的sourcemap生成的文件，用来调试的
vue2的话，整个vue会被拆分，css应该是交给css-loader，html会被vue-loader解析，并拆成h函数，就是变成一堆js渲染函数，就是类似你入口函数那个render。 然后js部分会导出一个对象，用于初始化vm。。。 其他细节见一楼 以上，望指正！