简单使用webpack打包文件的实现

　　

没有安装节点的同学请先安装节点。

　　


　　

　　 　　 　　npm我- g webpack 　　之前 　　 　　


　　

　　

假设我们有两个js文件需要打包,1. js和mode1.js,我们在1. js里面引入模型。js模块
　　

　　

模型。js模块:

　　 　　 　　出口默认{ 　　总和(arg) { 　　让s=0; 　　arg.forEach(项=祝辞{ 　　s +=项目; 　　}); 　　返回年代 　　} 　　} 　　之前 　　 　　

一个简单的求和函数,默认的意思是把整个模块都暴露出去
　　

　　

1. js: 　　 　　 　　从“进口常见。/模型” 　　 　　window=function () { 　　document.onclick=function () { 　　警报(common.sum(12, 43岁,65年,8、7、98)) 　　} 　　} 　　 　　之前 　　 　　

其中常见的是自己命名的
　　

　　1.

我们把js作为入口文件编写webpack配置文件,对webpack的操作都在这个配置文件里面写,默认名字webpack.config。js
　　

　　

webpack.config.js:

　　 　　 　　const pathlib=要求(“路径”); 　　模块。出口={ 　　条目:{ 　　指数:“。/src/1”, 　　ym:“。/src/2” 　　}, 　　输出:{ 　　路径:pathlib.resolve('桌子/'), 　　文件名:“[名字].bundle.js” 　　} 　　} 　　之前 　　 　　

这里面有两个核心参数输入和输出入口和出口,入口可以是多入口,如果写成多入口就写成json文件,出口的路径选项是配置输出的文件路径,必须是绝对路径,所以这里引了路径模块,文件名是输出文件的名字,[名字]。是占位符,输出多文件入口的时候用到,

　　


　　

　　

最后在项目目录执行webpack编译命令就可以了
　　

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
　　

简单使用webpack打包文件的实现