webpack和nodejs笔记

每一个项目都需要使用npm初始化

• 1. npm init -ys 必须要有这个步骤

安装webpack

• 1. npm install --save-dev webpack 安装(核心库)

• 1. 如果webpack使用的是4+的版本，需要安装 npm install --save-dev webpack webpack-cli

webpack的好处

• 1. 就是打包方便

0零配置打包

src/index.js 入口文件 在文件夹新建文件 src/index.js

webpack特点就是优点

• 1. 它默认只能打包js和json文件，对于其他类型的文件必须使用额外的loader或plugin去处理

loader

css-loader和style-loader

• 1. 处理 css文件的，css-loader是把css文件的代码转成css文件，style--loader把css文件的css代码插入到页面中。

• 1. npm i css-loader style-loader -D

webpack.config.js

• 1. webpack基于node.js运行，nodejs毕竟是后端程序，所以它有一套自己的语法

• <