7: 这种配置会导致( )
entry: {
a: ["./src/a.js", "./src/index.js"],
}
A. 生成两个bundle
B. 多个chunk
C. bundle代码中一开始要运行两个模块的代码
D. 两个入口模块的运行顺序是从右到左的
我的答案为D 正确答案为C
启动模块有两个 不会生成两个出口文件 只会生成一个chunk 运行顺序为数组的顺序故D选项的运行顺序为从左到右
10.plugin是利用webpack的( ),来参与到webpack的编译流程的
A. hooks
B. chunk
C. bundle
D. compiler
我的答案为D 正确答案为A
plugin是利用大量钩子函数(hooks)来参与到webpack的编译流程中,而compler对象提供大量的钩子函数。
- 在JS中导入普通文件,得到文件路径,同时把文件输出到输出目录的是( )
A. file-loader
B. url-loader
C. copy-webpack-plugin
D. webpack-dev-server
我的答案为C 正确答案为A
看题目,到js中导入普通文件,而copy-webpack-plugin是复制静态资源,得到文件路径,同时把文件输出到输出目录,url-loader是将依赖文件默认导出一个base64格式的字符串故选A
- BEM解决的问题是( )
A. 类名重复的问题
B. 样式值重复的问题
C. css文件细分的问题
D. 以上都可以解决
我的答案为B 正确答案为A
BEM命名法解决的是类名重复问题,BEM的定义中BLOCK表示页面的大区域,表示顶级部分,后面的element表示组成部分,最后可选择状态,这样就就不用重复写类名啦
- css modules解决的问题是( )
A. 类名重复的问题
B. 样式值重复的问题
C. css文件细分的问题
D. 以上都可以解决
我的答案为D 正确答案为A
css modules将类名用hash值替换,这样只能解决类名重复问题,无法解决样式值重复,和css文件细分的问题
- 下面哪种技术是用于对传输性能进行优化的( )
A. ESLint
B. noParse
C. DllPlugin
D. thread-loader
我得答案为D 正确答案为C
thread-loader 开启多线程只会优化构建阶段,并不会在传输行优化,ESLint 是代码格式检查工具noParse 忽略解析文件故选C
- splitChunk的作用不包含( )
A. 提取公共代码
B. 降低打包体积
C. 减少传输量
D. 提升构建性能
我的答案为C 正确答案为D
自动分包不会对构建性能就行优化,他可以提取公共代码,提取公共代码就可以降低打包的体积同时也可加减少传出量
1.webpack是基于的构建工具,它默认读取文件作为配置文件。该配置文件需要使用模块化标准导出配置,配置内容既可以是一个(),也可以是一个()。
最后两个空的答案为
对象 或 object 或 函数 或 function
函数 或 function 或 对象 或 object
可以使用 —env 将其设置为函数的导出方式
**
webpack错题.md