webpack初学者

webpack学习笔记

1、安装webpack-cli

指令：npm install webpack-cli -g

2、安装webpack

指令：npm install --save-dev webpack

查看版本：webpack -v

版本是4.44.1，版本过高原来的指令 webpack demo1.js bundle.js 不适用

3、指令打包

指令：webpack demo1.js -o bundle.js

4、处理css文件

Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。

4.1安装 css-loader 和 style-loader
指令：npm install css-loader style-loader

4.2在需要打包的js文件中，添加require("!style-loader!css-loader!./style.css");
style.css是css样式文件。