在webpack打包vue文件中,每个vue文件当作模块是怎么处理的
发布于 7 年前 作者 jamesxieliang11 6330 次浏览 来自 问答

因为接触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生成的文件,用来调试的

谢谢大神指点

<p>学习了!!</p>

vue2的话,整个vue会被拆分,css应该是交给css-loader,html会被vue-loader解析,并拆成h函数,就是变成一堆js渲染函数,就是类似你入口函数那个render。 然后js部分会导出一个对象,用于初始化vm。。。 其他细节见一楼 以上,望指正!

回到顶部