学习并使用webpack有很长一段时间了,一直没有整理,最近有点时间,抽出时间来从零整理一遍
安装:
npm i webpack-cli -g
使用:
一,初识webpack
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)
它可以分析你的项目结构,找到js模块以及其他的一些浏览器不能直接运行的拓展语言(例如sass,TypeScript等),并将其转化和打包为浏览器可以识别的语言
webpack整理(一)
webpack中有四个核心概念:
入口(entry)
输出(output)
loader
插件(plugins)
第一篇先整理简单的前两个概念:entry和output
1,使用npm init -y来初始化项目
2,创建webpack项目:
webpack.config.js为webpack的配置文件
webpack整理(一)
3,在webpack中写配置数据(webpack.config.js)
webpack整理(一)
4,写完以后运行webpack命令
webpack整理(一)
5,运行成功后生成dist文件
webpack整理(一)
这个时候就生成了第一个webpack打包文件,在index.html中引入生成的打包文件即可

补充:多文件入口的配置
webpack整理(一)

相关文章:

  • 2022-12-23
  • 2021-12-09
  • 2021-11-08
  • 2022-12-23
  • 2021-05-22
  • 2022-12-23
  • 2022-12-23
  • 2022-02-10
猜你喜欢
  • 2021-12-20
  • 2021-05-07
  • 2021-11-05
  • 2021-10-16
  • 2021-06-05
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案