2023年6月21日发(作者:)

Webpack的习题、webpack和gulp三个构建⼯具中,其中( )是任务流⼯具2( )是模块打包⼯具。(A)和gulp,k, grunt和k和grunt,,webpack和grunt2.下列关于常见的Loader的描述中有误的是(C)-map-loader:加载额外的 Source Map ⽂件,以⽅便断点调试-loader:加载并且压缩图⽚⽂件-loader:加载 CSS,⽀持模块化、压缩、⽂件导⼊等特性-loader:通过 ESLint 检查 JavaScript 代码解析:css-loader:加载 CSS,⽀持模块化、压缩、⽂件导⼊等特性,style-loader:把 CSS 代码注⼊到 JavaScript 中,通过 DOM 操作去加载 CSS。3.关于下列常见的Plugin描述错误的是(D)-plugin:定义环境变量s-chunk-plugin:提取公共代码js-webpack-plugin:通过UglifyES压缩ES6代码-webpack-plugin:⾃动移除⽬录插件解析:clean-webpack-plugin是⾃动移除⽬录插件4.利⽤webpack从哪些⽅⾯可以优化前端的性能?(ABCD)A.压缩代码加速C.删除死代码D.提取公共代码解析:JsPlugin 压缩js代码,mini-css-extract-plugin 压缩css代码。B.利⽤CDN加速,将引⽤的静态资源修改为CDN上对应的路径,可以利⽤webpack对于output参数和loader的publicpath参数来修改资源路径 shaking,css需要使⽤k4移除了CommonsChunkPlugin (提取公共代码),⽤hunks和eChunk来代替5.下列关于webpack的说法错误的⼀项是(C)是相对路径./不能去掉输出⽂件的位置可以是相对路径也可以是绝对路径必须是绝对路径k的mode⼯作模式有(ABC)7.下列说法中错误的是(B)ript驱动整个前端的业务,js⽂件作为打包的⼊⼝k可以⽤来编译转换代码可以加载任意类型的资源配置多个loader的执⾏顺序是从后向前解析:k只是打包⼯具,加载器可以⽤来编译转换代码k加载资源的⽅式(ABCDE)A.遵循ES Module标准的import声明B.遵循CommomJS标准的require函数C.遵循AMD标准的define函数和require函数D.*样式代码中的@import指令和url函数E.*HTML代码中图⽚标签的src属性9.下列关于Loader的说法中有误的是(A)加载的⾮JavaScript不会触发资源加载负责资源⽂件从输⼊到输出的转换的使⽤⽅式有三种是⼀个export出来的function解析:k本⾝只能打包Javascript⽂件,但是对于其他资源例如 css,图⽚,或者其他的语法集⽐如jsx,是没有办法加载的。 这就需要对应的loader将资源转化,加载进来。的主要功能C.配置(推荐):在 ⽂件中指定 loader。内联:在每个 import 语句中显式指定 loader。CLI:在 shell 命令中指定它们。D.官⽅解释。10.下列说法中错误的是(D)通过钩⼦机制实现,钩⼦必须是⼀个函数或者是⼀个包含apply⽅法的对象k通过在⽣命周期的钩⼦中挂载函数实现扩展 map解决了源代码与运⾏代码不⼀致所产⽣的问题,会暴露源代码D. usedExports⼀般⽤于npm包标记是否有副作⽤解析 map会暴露源代码aking在⽣产模式会⾃动开启,它是⼀组功能搭配使⽤后的效果,其中usedExports负责标记(枯树叶),sideEffects⼀般⽤于npm包标记是否有副作⽤。

2023年6月21日发(作者:)

Webpack的习题、webpack和gulp三个构建⼯具中,其中( )是任务流⼯具2( )是模块打包⼯具。(A)和gulp,k, grunt和k和grunt,,webpack和grunt2.下列关于常见的Loader的描述中有误的是(C)-map-loader:加载额外的 Source Map ⽂件,以⽅便断点调试-loader:加载并且压缩图⽚⽂件-loader:加载 CSS,⽀持模块化、压缩、⽂件导⼊等特性-loader:通过 ESLint 检查 JavaScript 代码解析:css-loader:加载 CSS,⽀持模块化、压缩、⽂件导⼊等特性,style-loader:把 CSS 代码注⼊到 JavaScript 中,通过 DOM 操作去加载 CSS。3.关于下列常见的Plugin描述错误的是(D)-plugin:定义环境变量s-chunk-plugin:提取公共代码js-webpack-plugin:通过UglifyES压缩ES6代码-webpack-plugin:⾃动移除⽬录插件解析:clean-webpack-plugin是⾃动移除⽬录插件4.利⽤webpack从哪些⽅⾯可以优化前端的性能?(ABCD)A.压缩代码加速C.删除死代码D.提取公共代码解析:JsPlugin 压缩js代码,mini-css-extract-plugin 压缩css代码。B.利⽤CDN加速,将引⽤的静态资源修改为CDN上对应的路径,可以利⽤webpack对于output参数和loader的publicpath参数来修改资源路径 shaking,css需要使⽤k4移除了CommonsChunkPlugin (提取公共代码),⽤hunks和eChunk来代替5.下列关于webpack的说法错误的⼀项是(C)是相对路径./不能去掉输出⽂件的位置可以是相对路径也可以是绝对路径必须是绝对路径k的mode⼯作模式有(ABC)7.下列说法中错误的是(B)ript驱动整个前端的业务,js⽂件作为打包的⼊⼝k可以⽤来编译转换代码可以加载任意类型的资源配置多个loader的执⾏顺序是从后向前解析:k只是打包⼯具,加载器可以⽤来编译转换代码k加载资源的⽅式(ABCDE)A.遵循ES Module标准的import声明B.遵循CommomJS标准的require函数C.遵循AMD标准的define函数和require函数D.*样式代码中的@import指令和url函数E.*HTML代码中图⽚标签的src属性9.下列关于Loader的说法中有误的是(A)加载的⾮JavaScript不会触发资源加载负责资源⽂件从输⼊到输出的转换的使⽤⽅式有三种是⼀个export出来的function解析:k本⾝只能打包Javascript⽂件,但是对于其他资源例如 css,图⽚,或者其他的语法集⽐如jsx,是没有办法加载的。 这就需要对应的loader将资源转化,加载进来。的主要功能C.配置(推荐):在 ⽂件中指定 loader。内联:在每个 import 语句中显式指定 loader。CLI:在 shell 命令中指定它们。D.官⽅解释。10.下列说法中错误的是(D)通过钩⼦机制实现,钩⼦必须是⼀个函数或者是⼀个包含apply⽅法的对象k通过在⽣命周期的钩⼦中挂载函数实现扩展 map解决了源代码与运⾏代码不⼀致所产⽣的问题,会暴露源代码D. usedExports⼀般⽤于npm包标记是否有副作⽤解析 map会暴露源代码aking在⽣产模式会⾃动开启,它是⼀组功能搭配使⽤后的效果,其中usedExports负责标记(枯树叶),sideEffects⼀般⽤于npm包标记是否有副作⽤。