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