webpack的使用（一）

由于各种浏览器的兼容问题 import $ from 'jquery’的时候会报错

建议使用webpack来解决

1、安装webpack

npm i webpack@版本号 webpack-cli@版本号   
-D    由于是开发阶段需要使用，而发行阶段不需要所以用-D

2、在项目中配置webpack

在项目根目录创建webpack.config.js

module.exports={ mode:'development' //mode用来指定构建模式，可选值有development （开发模式） 、 production（生产模式） }

在package.json中的script节点下，新增dev脚本来配置执行命令

"scripts":{ "dev": "webpack" //可以通过 npm run dev 来执行文件 }

使用npm run dev 时 会生成dist文件夹 里面有个main.js
webpack首先通过读取webpack.config.js文件来打包项目，确定哪些有兼容性问题，再把它们转化为没有兼容性问题的js放在main.js中

所以在index.html导入js文件时应该导入dist下面的main.js