webpack

nrm安装:
npm i nrm -g
nrm只是单纯的提供了几个常用的,下载包的URl地址,并能够让我们在几个地址之间很方便的进行切换,但是,我们每次装包的时候使用的
装包工具都是npm

cnpm安装:?????(有问题)
npm i cnpm -g            i:install g:global
cnpm是一种下包的工具

webpack:
前端自动化构建工具,可以完美实现资源的合并,打包,压缩,混淆等功能,基于node.js开发的前端工具

因为由于浏览器解析不了es6的import语法,所以报错,但可以用webpack工具
但可能会出现下列情况

错误情况;安装webpack4.0+版本使用打包命令webpack .srcmain.js .distundle.js
解决方法:
使用新命令:npx webpack .srcmain.js -o .distundle.js --mode development(注意:要在工作目录下打开cmd)

 注意:新建的文件夹有:src和dist他们是同级目录且都在根目录下

 

 src文件子文件由自己创建
若成功:dist目录下会出现命令行中的bundle.js文件(名字可以自取,但最好使用这个)

 

 总结:

运行的命令格式:npx webpack 要打包文件的路径 -o 打包好的输出文件路路径 --mode development