美文网首页
requirejs grunt 多入口文件打包

requirejs grunt 多入口文件打包

作者: Chiming志明 | 来源:发表于2016-06-23 15:17 被阅读0次

想要针对每个页面单独一个文件进行打包,但是r.js以及基本配置的grunt配置都是只能打包为一个文件。后来查了很久发现了方法


  // r.js 打包 准备
  var files = grunt.file.expand('src/apps/*/main.js'); //读取要打包的js入口 一般都为 main的js
  var requirejsOptions = {}; //用来存储 打包配置的对象
  //遍历文件
  files.forEach(function(file) {
      var filenamelist = file.split('/');
      var num = filenamelist.length;
      var filename = filenamelist[num - 2]; //获取目录名称,因为这里的文件名都是main的js
      requirejsOptions[filename] = {
          options: {
            baseUrl: "./src",
            paths: {
                jquery: './vendor/jquery/jquery.min',
                migrate: './vendor/jquery/jquery-migrate-1.2.1',
                core: './common/core',
                head: './common/head',
                replaceImgSrc: './module/replaceImgSrc/replaceImgSrc',
                bootstrap:'./vendor/bootstrap/dist/js/bootstrap.min'
            },
            optimizeAllPluginResources: true,
            name: 'apps/' + filename + '/main',
            out: 'build/apps/' + filename + '/main.js'
          }
      };
  });

参考链接>>

相关文章

  • requirejs grunt 多入口文件打包

    想要针对每个页面单独一个文件进行打包,但是r.js以及基本配置的grunt配置都是只能打包为一个文件。后来查了很久...

  • webpack笔记

    多文件打包 多入口文件打包 自动提取多个打包文件的公共部分 minChunks表示文件在重复引入两次+的模块打包到...

  • 用 webpack 替换 requirejs 打包

    这篇文章里,使用requirejs对项目进行了打包,现在替换为 webpack 进行打包: 可以看到项目文件夹下多...

  • requireJS使用说明

    1. 引入 requireJS 2. 在引入requireJS的标签中,添加data-main="js/入口文件"...

  • webpack打包遇到的问题

    描述 1. 多入口 2. 打包后有的公共模块被打包到每个入口文件,有的被打包到 `CommonsChunkPlug...

  • webpack 多文件入口打包

    1、webpack打包是基于寻找js文件 分离 css 实现打包 在网上找到多入口打包都不适合项目 于是乎基于找的...

  • webpack打包多入口文件

    使用[name]表示动态的名字output对象如果需要每次打包产生新的文件,并且指定生成8位hash码,可以这样写...

  • 前端小白成长之15--grunt自动化构建基础了解

    一.常用的自动化构建工具 Grunt Gulp FIS 二.gruntfile.js Grunt 的入口文件用于...

  • webpack4笔记

    安装 五大核心概念 entry:打包入口,支持多入口打包output:输出,可以配置输入路径,文件名等loader...

  • fastadmin 加载JS文件,语言包小记

    前言 点击进入....官方文档入口 1.目录 2.主入口文件 配置项介绍入口 JS语言包加载 requirejs....

网友评论

      本文标题:requirejs grunt 多入口文件打包

      本文链接:https://www.haomeiwen.com/subject/dmzndttx.html