webpack学习笔记(1)

引言

系统学习 webpack5 的第一天…立志成为前端 dalao(大概

学习笔记

1. webpack 安装通常需要安装webpack和webpack-cli但后者不是必须的, 在主流框架 vue, react 中都没有使用而且使用自己的 cli

   1. webpack-cli的作用是在使用webpack --config=webpack.config.js指定 webpack 配置文件或者默认配置文件是通过webpack-cli执行的, 当然也可以像 vue,react 一样自己编写 cli

2. 没有安装webpack-cli直接执行webpack也会提示需要安装

3. 直接运行webpack没指定文件路径 webpack 默认会寻找 src 目录, 没有会报错

4. 以以往开发的经验, 建议都局部安装 webpack

5. webpack 默认只支持处理导入导出语法编译,不会改变除此之外的部分, esmodule 语法可以直接使用<script type="module">调用, 但是如果要使用 cjs 语法或者不使用type="module"的普通 script 标签引入, 都需要使用 webpack 进行编译

示例代码

https://github.com/Mariana-Yui/fe-learn-code/tree/main/learn-webpack/day1