最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
webpack打包单页面如何引用的js
时间:2022-06-29 01:30:45 编辑:袖梨 来源:一聚教程网
目录结构如下图所示:
webpack打包代码如下:
| 代码如下 | 复制代码 |
varwebpack = require('webpack'); varfs = require('fs'); varpath = require('path'); varfse = require('fs-extra');
const debug = process.env.NODE_ENV !=='production'
functionentries(jsPath) { vardirnames = fs.readdirSync(jsPath);
varentries = {}, entry;
for(vari = 0; i < dirnames.length; i++) { vardirname, basename; varjsList = []; dirname = dirnames[i]; varfiles = fs.readdirSync(jsPath +'/'+ dirname); for(varj = 0; j < files.length; j++) { entry = files[j];
basename = path.basename(entry,'.js'); jsList.push(path.join(jsPath, dirname, entry)); } entries[path.join(dirname,'app')] = jsList; }
returnentries; }
varoption = { entry: entries(__dirname +'/js/src'), output: { path: __dirname +'/dist/', filename:'[name].js' }, plugins: [ newwebpack.optimize.UglifyJsPlugin({ compress: { warnings:false } }) ] } varcompiler = webpack(option); compiler.run(function() { fse.copy( __dirname +'/page/', __dirname +'/dist/'); console.log('success'); }); | |
相关文章
- 《艾恩葛朗特 回荡新声》全成就通关流程攻略分享 07-19
- 《刺客信条:黑旗 记忆重置》全手枪枪械获得方法介绍 07-19
- 《刺客信条:黑旗 记忆重置》全剑类武器获取方法介绍 07-19
- 《刺客信条:黑旗记忆重置》长湾藏宝图获得攻略-长湾藏宝图与宝藏位置详解 07-19
- 飞猪旅行怎么取消酒店订单 07-19
- 刺客信条:黑旗记忆重置圣胡安藏宝图获得攻略-藏宝图位置及宝藏挖掘方法 07-19
