我的问题与webpack有关。假设我正在使用webpack和vue.js项目。当我运行npm run build时，webpack如何构建项目。我知道有一个构建文件夹，其中必须添加配置文件，并且会有输出文件夹dist，它将保存我的最终项目。
问题1）Webpack会做什么？它是否在配置文件中搜索入口点，以便它知道从哪里开始构建过程？对于vue.js，它是src / main.js。我对吗？
问题2）找到main.js时，它有什么作用？它从main.js到顶部，以便找到所有依赖项吗？
问题3）假设IT找到了一个.vue文件。它有什么作用？它是否将js代码分开-将其放入其他js文件中，然后将CSS分开并放入其他css文件中？还是只接受整个.vue代码并将其放入js文件（及其所有html等）中？
问题4）只需向该行代码向我展示问题3）的答案即可。
是的，webpack有一个入口点（entryconfig中的部分）。它不src/main.js完全是可配置的。
它从入口点开始构建依赖关系树。
将按照您提供的顺序使用装载机进行处理。通常，它将vue-loadervue文件转换为js，然后转到将babel-loader您的js方言（Flow / ES6 / ES2017 / TS）转换为ES5，然后将js-loader其最终拆分为依赖项并继续加载。
CSS分离可以用的WebPack插件，像做ExtractTextWebpackPlugin，然后你的CSS方言（LESS / SASS / PostCSS等）将与装载机，即转化sass-loader，css-loader，style-loader。
当样式提取插件不存在时，它将与js一起分发css并将其放置在头部样式中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句