webpack打包单页面如何引用的js


Posted in Javascript onJune 07, 2017

目录结构如下图所示:

webpack打包单页面如何引用的js

webpack打包代码如下:

var webpack = require('webpack');
var fs = require('fs');
var path = require('path');
var fse = require('fs-extra');

const debug = process.env.NODE_ENV !== 'production';

function entries(jsPath) {
  var dirnames = fs.readdirSync(jsPath);

  var entries = {}, entry;

  for (var i = 0; i < dirnames.length; i++) {
    var dirname, basename;
    var jsList = [];
    dirname = dirnames[i];
    var files = fs.readdirSync(jsPath + '/' + dirname);
    for (var j = 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;
  }


  return entries;
}

var option = {
  entry: entries(__dirname + '/js/src'),
  output: {
    path: __dirname + '/dist/',
    filename: '[name].js'
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ]
}
var compiler = webpack(option);
compiler.run(function() {
  fse.copy( __dirname + '/page/', __dirname + '/dist/');
  console.log('success');
});

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

Javascript 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
javascript object array方法使用详解
Dec 03 Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
Jan 22 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
JavaScript实现预览本地上传图片功能完整示例
Mar 08 Javascript
如何测量vue应用运行时的性能
Jun 21 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
详解React路由传参方法汇总记录
Nov 29 Javascript
vue使用Axios做ajax请求详解
Jun 07 #Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 #Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 #Javascript
详解vue-cli开发环境跨域问题解决方案
Jun 06 #Javascript
JS实现微信里判断页面是否被分享成功的方法
Jun 06 #Javascript
详解Vue 开发模式下跨域问题
Jun 06 #Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
Jun 06 #Javascript
You might like
dedecms系统常用术语汇总
2007/04/03 PHP
PHP静态新闻列表自动生成代码
2007/06/14 PHP
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
javascript复制对象使用说明
2011/06/28 Javascript
复选框全选与全不选操作实现思路
2013/08/18 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
AngularJS模块学习之Anchor Scroll
2016/01/19 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
template.js前端模板引擎使用详解
2017/10/10 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
Django实现分页显示效果
2019/10/31 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
美国电视购物:QVC
2017/02/06 全球购物
法国一家多品牌成衣精品中/高档商店:Graduate Store
2019/08/28 全球购物
户外拓展活动方案
2014/02/11 职场文书
人力资源经理的岗位职责范本
2014/02/28 职场文书
妈妈活动方案
2014/08/15 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
护士年终个人总结
2015/02/13 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
【DOTA2】总决赛血虐~ XTREME GAMING vs MAGMA - OGA DOTA PIT 2022 CN
2022/04/02 DOTA
排查Tomcat进程假死的问题
2022/05/06 Servers