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 .\src\main.js .\dist\bundle.js解决方法:
使用新命令:npx webpack .\src\main.js -o .\dist\bundle.js –mode development(注意:要在工作目录下打开cmd)
注意:新建的文件夹有:src和dist他们是同级目录且都在根目录下
src文件子文件由自己创建
若成功:dist目录下会出现命令行中的bundle.js文件(名字可以自取,但最好使用这个)
总结:
运行的命令格式:npx webpack 要打包文件的路径 -o 打包好的输出文件路路径 --mode development
版权声明：本文为sqgg原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。