最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
webpack打包单页面如何引用的js
时间:2017-06-07 编辑:简简单单 来源:一聚教程网
目录结构如下图所示:
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'); }); |
-
上一个: 详解nodejs异步I/O和事件循环
-
下一个: nodejs mysql如何实现分页
相关文章
- angular.js 路由及页面传参示例 05-03
- 在js代码拼接dom对象到页面上去的模板总结 04-05
- jsp、struts、spring、mybatis实现前端页面功能模块化拆分的方案 01-11
- JS实现的表头列头固定页面功能示例 01-10
- JS调用iframe方式实现Web区域打印页面内容 01-23
- iframe父子页面相互调用js代码 06-09