webpack4.x知识总结

1.webpack4.x的安装

使用npm初始化 一个文件夹

安装webpack

webpack 4.x 后需要安装webpack-cli ，请注意需要同步安装在当前目录

2.使用webpack打包一个文件

新建一个文件

在要被打包的文件中引入另一文件

3.在网页中展示打包效果

新建一个index.html文件，并引入打包后的文件

4.webpack配置文件

5.自动化生成项目中的html页面

安装插件

安装完成后在webpack配置文件中建立对插件的引用

6.什么是loader

loader的作用：

让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后利用 webpack 的打包能力，对它们进行处理

使用less和sass

首选安装less,less-loader和sass,sass-loader

引入less文件