7: 这种配置会导致( )

    1. entry: {
    2. a: ["./src/a.js", "./src/index.js"],
    3. }


    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对象提供大量的钩子函数。

    1. 在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

    1. BEM解决的问题是( )


    A. 类名重复的问题

    B. 样式值重复的问题

    C. css文件细分的问题

    D. 以上都可以解决

    我的答案为B 正确答案为A

    BEM命名法解决的是类名重复问题,BEM的定义中BLOCK表示页面的大区域,表示顶级部分,后面的element表示组成部分,最后可选择状态,这样就就不用重复写类名啦

    1. css modules解决的问题是( )


    A. 类名重复的问题

    B. 样式值重复的问题

    C. css文件细分的问题

    D. 以上都可以解决

    我的答案为D 正确答案为A

    css modules将类名用hash值替换,这样只能解决类名重复问题,无法解决样式值重复,和css文件细分的问题

    1. 下面哪种技术是用于对传输性能进行优化的( )


    A. ESLint

    B. noParse

    C. DllPlugin

    D. thread-loader

    我得答案为D 正确答案为C

    thread-loader 开启多线程只会优化构建阶段,并不会在传输行优化,ESLint 是代码格式检查工具noParse 忽略解析文件故选C

    1. splitChunk的作用不包含( )


    A. 提取公共代码

    B. 降低打包体积

    C. 减少传输量

    D. 提升构建性能

    我的答案为C 正确答案为D

    自动分包不会对构建性能就行优化,他可以提取公共代码,提取公共代码就可以降低打包的体积同时也可加减少传出量

    1.webpack是基于的构建工具,它默认读取文件作为配置文件。该配置文件需要使用模块化标准导出配置,配置内容既可以是一个()也可以是一个()。

    最后两个空的答案为

    对象 或 object 或 函数 或 function

    函数 或 function 或 对象 或 object

    可以使用 —env 将其设置为函数的导出方式
    **
    webpack错题.md