1. 首页
  2. 编程语言
  3. Javascript
  4. 关于webpack2和模块打包的新手指南(小结)

关于webpack2和模块打包的新手指南(小结)

上传者: 2021-12-25 08:07:24上传 PDF文件 136.93 KB 热度 6次

webpack已成为现代Web开发中最重要的工具之一。webpack还可以让你轻松地从npm下载包。本文主要针对那些刚接触webpack的同学,将介绍初始设置和配置、模块、加载器、插件、代码分割和热模块替换。使用npm初始化一个新项目并安装webpack:编写下面这些文件:上面的配置是一个普通的出发点,它通知webpack将入口文件为了让它可以转换到ES5格式的JS文件,我们需要安装三个包:最后,用以下内容替换package.json的scripts部分:在命令行中运行npm start将以监视模式启动webpack,当src目录中的.js文件更改时,它将重新编译bundle.js。控制台中的输出展示了打包文件的信息,注意打包文件的数量和大小十分重要。打开使用注意,打包文件的大小从2.61 kB减少到了585字节。

下载地址
用户评论