-
webpack的出入口路径设置
-
webpack-dev-serve插件的配置：能在修改源代码的同时，自动完成main.js的打包和生成新的输出。但要看到效果，需将源代码中的js引用链接改为src='/main.js'，再访问本地地址(终端中给出localhost:8080)中的src。这是因为 使用webpack-dev-serve时，实时的网页效果保存在内存中，方便读取。故读取js文件不能读取物理磁盘的地址 ,内存中的地址以/开头
3.html-webpack-plugin插件的配置：是一个html插件。正常打开localhost:8080是当前目录。为了直接能进入src文件里的index.html页面，该插件可以帮助复制一个index.html（实际位于内存中）放入根目录。
4.style-loader,css-loader：webpack只能处理.js文件，当遇到处理不了的文件时，会去webpack.config.js中的module内寻找loader，看是否配置了对应的loader。会先转交给在后面配置的css-loader，处理完后，再转交给前面的style-loader。没有其他loader了再把结果合并到main.js
5.加载图片也需要相应的loader
6.当import样式例如CSS时，不需要接受。import './index.css'.
import jquery等时，需要接受。import $ from 'jquery'
7.在url-loader里的limit可以指定图片的大小，单位字节。小于该值的图片才会被转为base64格式
8.babel-loader:处理webpack识别不了的高级JS语法。需要配合两个库：babel/core，babel/plugin-proposal-decoration -D。且只需把自己的代码进行转换即可，一定要排除node_modules目录中的js文件，exclude:/node_modules/，因为第三方包的JS兼容性，不需要关心
相比配置其他Loader还多一步：根目录下创建babel.config.js文件，定义Babel的配置项如下：module.exports = {plugins:[['@babel/plugin-proposal-decorators',{legacy:true}]]}
9.项目发布命令build。将项目移至物理磁盘dist上。在script脚本内，与dev同级。例："build": "wabpack-mode production"。后面的值里设置的mode会覆盖前面开发时设置的mode值。
10.Source Map:一个信息文件，存储位置信息。目的是帮助程序员定位程序报错在源代码中的位置，因为源代码和webpack打包的代码行数对应不一致。有了SM后，直接显示报错代码在源代码中的位置
