Webpack入门小知识

634 阅读1分钟

1.webpack的作用包括哪些?

  • 将一个或者多个JS文件/CSS文件打包成对应文件
  • 压缩代码
  • 将高版本的JS转译文低版本的JS

2.webpack-dev-server 的作用包括哪些?

  • 文件内容变化就自动转译代码,并自动刷新页面
  • 提供 server 方便开发预览

3.webpack 打包 JS 代码需要用到什么 loader?

无需安装额外 loader,webpack 自带此功能

4.webpack 将 CSS 文件引入到 JS 中,并转为 style 标签插入到 head 标签里,需要用到什么 loader?

style-loader 和 css-loader

5.webpack 将 CSS 代码提取成单独的文件,需要用到什么 plugin?

MiniCssExtractPlugin

6.webpack 自动生成 HTML 需要用到什么 plugin?

HtmlWebpackPlugin