webpack测试打包文件的两种方式

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack测试打包文件的两种方式相关的知识,希望对你有一定的参考价值。

Commonjs模块化打包

  技术图片

  技术图片 技术图片

  接下来进行打包验证

npx webpack,输出结果部分如下

  技术图片

  然后执行测试下打包输出文件main.js,这里测试有两者方法

 

(1)直接使用node环境测试

node main.js

  技术图片

 

 

 

(2)新建html文件,引入js脚本然后启动验证

  技术图片

 

   接下来执行live-server启动,然后浏览器测试即可

 

以上是关于webpack测试打包文件的两种方式的主要内容,如果未能解决你的问题,请参考以下文章

webpack4打包多个css的两种方法

iOS打包的两种方式

vue打包时gzip压缩的两种方案

webpack基本使用

SpringBoot打包的两种方式 - jar方式 和 war 方式

Helm模板(.tgz)打包的两种方式