最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

webpack打包單頁面如何引用的js

 更新時間:2017年06月07日 09:07:40   作者:青天訣  
本篇文章主要介紹了webpack打包單頁面如何引用的js,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

目錄結構如下圖所示:

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');
});

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • javascript模擬map輸出與去除重復項的方法

    javascript模擬map輸出與去除重復項的方法

    這篇文章主要介紹了javascript模擬map輸出與去除重復項的方法,通過自定義函數(shù)結合遍歷與刪除的方法實現(xiàn)了去除重復項的功能,非常具有實用價值,需要的朋友可以參考下
    2015-02-02
  • js簡單實現(xiàn)刪除記錄時的提示效果

    js簡單實現(xiàn)刪除記錄時的提示效果

    刪除記錄時的提示效果,挺人性化的,實現(xiàn)的方法有很多,在本文為大家介紹下使用js是如何實現(xiàn)的
    2013-12-12
  • JavaScript異步Promise、Async、await使用舉例詳解

    JavaScript異步Promise、Async、await使用舉例詳解

    Promise 和 async/await 無疑是前端異步編程領域的兩大得力工具,下面這篇文章主要介紹了JavaScript異步Promise、Async、await使用舉例詳解的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2025-04-04
  • JavaScript制作游戲搖桿方向盤

    JavaScript制作游戲搖桿方向盤

    本文主要介紹了JavaScript制作游戲搖桿方向盤,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2014-04-04
  • 基于JavaScript實現(xiàn)滑動門效果

    基于JavaScript實現(xiàn)滑動門效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)滑動門效果的相關代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • JS中如何優(yōu)雅的使用async await詳解

    JS中如何優(yōu)雅的使用async await詳解

    async表示異步,而await可以看作async wait,個人對async與await的簡單理解就是,我們可以用同步的方式去書寫異步代碼,這篇文章主要給大家介紹了關于JS中如何優(yōu)雅的使用async await的相關資料,需要的朋友可以參考下
    2021-10-10
  • 前端實現(xiàn)PDF文件預覽的7種方案與性能對比詳解

    前端實現(xiàn)PDF文件預覽的7種方案與性能對比詳解

    這篇文章主要為大家詳細介紹了前端實現(xiàn)PDF文件預覽的7種方案與性能對比,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2025-03-03
  • 淺談js的異步執(zhí)行

    淺談js的異步執(zhí)行

    下面小編就為大家?guī)硪黄獪\談js的異步執(zhí)行。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • JavaScript實現(xiàn)無阻塞加載的常用方式

    JavaScript實現(xiàn)無阻塞加載的常用方式

    在 JavaScript 中,無阻塞加載(Non-blocking Loading)是優(yōu)化網(wǎng)頁性能的關鍵技術,通過避免腳本阻塞頁面渲染和其他資源的加載,提升用戶體驗,以下是實現(xiàn)無阻塞加載的常用方法及示例,需要的朋友可以參考下
    2025-03-03
  • js獲取字符串最后一位方法匯總

    js獲取字符串最后一位方法匯總

    文章匯總了4種js獲取字符串最后一位字符的方法,并附上示例說明,非常簡單實用,這里推薦給大家
    2014-11-11

最新評論

东山县| 赤城县| 南和县| 宜章县| 安泽县| 乌鲁木齐县| 吉隆县| 榆中县| 稷山县| 贡嘎县| 泸西县| 平武县| 仁化县| 库尔勒市| 乌鲁木齐县| 宁波市| 北宁市| 凤庆县| 沅江市| 九龙城区| 和静县| 石门县| 丁青县| 铜川市| 通榆县| 通化县| 垦利县| 余姚市| 綦江县| 珲春市| 疏附县| 海淀区| 汾阳市| 东乡| 宣城市| 合山市| 基隆市| 白城市| 北海市| 长宁县| 闸北区|