webpack打包单页面如何引用的射流研究…
目录结构如下图所示:
webpack打包代码如下:
var web pack=require(' web pack ');var fs=require(' fs ');var path=require(' path ');var fse=require(' fs-extra ');const debug=进程。ENV。NODE _ ENV!=="生产";函数条目(jsPath){ var dirname=fs。readdirsync(JSpath);var entries={},entry for(var I=0;i dirnames.lengthi ) { var dirname,basenamevar jsList=[];dir name=dir name[I];var文件=fs。readdirsync(JSpath '/' dirname);for(var j=0;j files . length j){ entry=files[j];basename=path.basename(条目,'。js’);jsList.push(path.join(jsPath,dirname,entry));}条目[path.join(dirname,' app ')]=jsList;}返回条目;} var option={ entry : entries(_ dirname '/js/src '),output : { path : _ _ dirname '/dist/',filename: '[name]' .js' },插件:[新的web包。优化。uglifyjsplugin({ compress : { warning : false } })]} var编译器=web pack(可选);编译器。run(function(){ fse。copy(_ dir name/' page/',_ _ dir name/' dist/');console.log("成功");});以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
版权声明:webpack打包单页面如何引用的射流研究…是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。