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 相关文章推荐
复制本贴标题和地址的js代码
Jul 01 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
理解Javascript的动态语言特性
Jun 17 Javascript
详解vue-router 路由元信息
Sep 13 Javascript
vue 运用mock数据的示例代码
Nov 07 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
Oct 31 Javascript
微信小程序自定义导航教程(兼容各种手机)
Dec 12 Javascript
react-native滑动吸顶效果的实现过程
Jun 03 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
php session 检测和注销
2009/03/16 PHP
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
php教程之phpize使用方法
2014/02/12 PHP
php数组保存文本与文本反编成数组实例
2014/11/13 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
JavaScript各类型的关系图解
2015/10/16 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
bootstrap Table服务端处理分页(后台是.net)
2017/10/19 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
Python制作简单的网页爬虫
2015/11/22 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
Django获取应用下的所有models的例子
2019/08/30 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
大学生学习生活的自我评价
2013/11/01 职场文书
咖啡书吧创业计划书
2014/01/13 职场文书
幼儿园消防安全制度
2014/01/26 职场文书
数学国培研修感言
2014/02/13 职场文书
司仪主持词两篇
2014/03/22 职场文书
党员公开承诺书
2014/03/25 职场文书
松材线虫病防治方案
2014/06/15 职场文书
无犯罪记录证明
2014/09/19 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
慈善献爱心倡议书
2015/04/27 职场文书
MySQL里面的子查询的基本使用
2021/08/02 MySQL