webpack

npm run build / serve 之后发生了什么？

答：脚手架使用webpack来执行配置文件，默认是webpack.config.js或者vue.config.js。然后执行入口文件的js,进行解析处理。
如果是build则生成物理文件存在磁盘上。如果是server的话则将编译的结果存入内存条中。

webpack是干嘛的？定义？解释？

答：webpack是一个打包工具，前端半自动化开发工具。它是基于nodejs运行的，它的功能有：压缩代码，压缩图片，解析es6,解析sass语法，代码热更新等。

webpack构成部分？

答：入口，出口，插件，装载机loader，本地服务devServer

webpack执行过程？

webpack默认执行webpack.config.js文件，读取入口文件开始解析各种资源。

列举几个常用loader？

sass-loader 解析sass文件，转成css,
file-loader 处理字体，图片,
url-loader 基于file-loader处理文件,
css-loader 解析css文件，处理css代码,
style-loader把css代码插入到页面当中,
img-loader专门处理图片的，
babel-loader解析es6转成es5

loader的执行顺序？

答：自下而上，从右向左

plugins有哪些？

html-webpack-plugins解析html的

loader和插件plugins的区别？

答：正常情况下，先用loader把资源处理完之后再执行插件。
loader是专门用于处理各种资源的，编译过程。
plugins是对webpack没有的功能的补充

【webpack默认只能解析js文件】

webpack安装

npm i webpack webpack-cli
webpack-dev-server
创建一个webpack.config.js文件进行配置

webpack执行的命令

零配置打包：npx webpack

只能打包js文件，打包后的文件一定叫main.js

执行配置：webpack

启动服务：webpack serve

webpack常见面试题相关推荐

webpack 常见面试题
1. webpack与grunt.gulp的不同? webpack 已是前端打包构建的不二选择三者都是前端构建工具,grunt和gulp在早期比较流行,现在webpack相对来说比较主流,不过一些轻 ...
vue 离开页面事件_【必看】58 道 Vue 常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度...
△ 是新朋友吗?记得先点web前端学习圈关注我哦- 1.vue优点? 答: 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb : 简单易学:国人开发,中文文档,不存在语言障碍 , ...
vue.js 常见面试题_使用Vue.js时应避免的常见错误
vue.js 常见面试题 Looking for a front-end framework to try out, I started with React and then tried Vue.j ...
vue关闭当前页面跳转_【必看】58道 Vue常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度...
作者:Lucky Girl https://zhuanlan.zhihu.com/p/92407628 1.vue优点? 答: 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb ...
web前端常见面试题
Vue面试题生命周期函数面试题 1.什么是 vue 生命周期 2.vue生命周期的作用是什么 3.第一次页面加载会触发哪几个钩子 4.简述每个周期具体适合哪些场景 5.created和mounted ...
vue常见面试题（附带答案）超实用！！建议收藏！！
一.vue常见面试题二.生命周期函数面试题三.vue路由面试题四.vuex常见面试题一.vue常见面试题 1.vue优点? 答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 ...
Vue 常见面试题集锦
1.vue优点? 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb : 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习: 双向数据绑定:保留了 angular 的 ...
mysql关于时间的面试题,mysql时间设置默认值MySQL常见面试题
1.limit(选出10 到20 条) select * from students order by id limit 9,10; 2.MySQL 会使用索引的操作符号 =,>,=,betwe ...
java类型转换面试题_JavaSE：数据类型之间的转换（附常见面试题）
数据类型之间的转换分为以下几种情况: 1)低级到高级的自动类型转换: 2)高级到低级的强制类型转换(会导致溢出或丢失精度): 3)基本类型向类类型转换: 4)基本类型向字符串的转换: 5)类类型向字 ...

webpack常见面试题