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 相关文章推荐
Javascript-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
HTML Dom与Css控制方法
Oct 25 Javascript
js 通用javascript函数库整理
Aug 14 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
推荐一个自己用的封装好的javascript插件
Jan 29 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
React学习笔记之高阶组件应用
Jun 02 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 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
相对路径转化成绝对路径
2007/04/10 PHP
php编写一个简单的路由类
2011/04/13 PHP
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
如何做到打开一个页面,过几分钟自动转到另一页面
2007/04/20 Javascript
Dojo 学习要点
2010/09/03 Javascript
为你的网站增加亮点的9款jQuery插件推荐
2011/05/03 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
微信小程序 form组件详解
2016/10/25 Javascript
JavaScript注册时密码强度校验代码
2017/06/30 Javascript
vue设计一个倒计时秒杀的组件详解
2019/04/06 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
Python 实现文件打包、上传与校验的方法
2019/02/13 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
Python图像读写方法对比
2020/11/16 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
可口可乐唇膏:Lip Smackers
2019/08/27 全球购物
资深生产主管自我评价
2013/09/22 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
2014年学校国庆主题活动方案
2014/09/16 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
OpenCV-Python直方图均衡化实现图像去雾
2021/06/07 Python
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript