02.webpack初体验

使用的是webpack4

1.webpack 和webpack-cli

可以通过webpack-cli来使用webpack里面的功能

npm i webpack webpack-cli -g 全局安装

npm i webpack webpack-cli -D 本地安装

2.运行指令:

    开发环境:webpack ./src/index.js -o ./build/build --mode=development

    webpack打包会以./src/index.js 为入口文件,打包后的资源输出到./build/build文件夹内的main.js中,模式为开发者模式

    生产环境:webpack ./src/index.js -o ./build/build.js --mode=production

    webpack打包会以./src/index.js 为入口文件,打包后的资源输出到./build/build文件夹内的main.js中,模式为生产者模式

3.结论:

    1.webpack能处理js/json文件,不能处理css/img等其他资源

    2.生产环境和开发环境将es6模块化编译成浏览器能识别的模块化

    3.生产环境会压缩js代码,开发环境不会

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容