当前位置 : 主页 > 网页制作 > Nodejs >

尝试使用grunt-contrib-requirejs将所有JS缩小为一个文件

来源:互联网 收集:自由互联 发布时间:2021-06-16
我有以下目录结构(仅限相关位): app - build - script.js - js - lib - require.js - jquery-1.10.2.js - app.js - index.htmlGruntfile.js Gruntfile.js包含以下内容: module.exports = function (grunt) { var gruntConfig = { pkg:
我有以下目录结构(仅限相关位):

app
 - build
   - script.js
 - js
   - lib
     - require.js
     - jquery-1.10.2.js
   - app.js
 - index.html
Gruntfile.js

Gruntfile.js包含以下内容:

module.exports = function (grunt) {

    var gruntConfig = {
        pkg: grunt.file.readJSON('package.json'),
        requirejs: {
            compile: {
                options: {
                    name: 'app',
                    baseUrl: 'app/assets/js',
                    out: 'app/assets/build/script.js',
                    include:  ['lib/require'],

                    uglify: {
                        // beautify: true,
                        defines: {
                            DEBUG: ['name', 'false']
                        }
                    },

                    paths: {
                        jquery: "lib/jquery-1.10.2"
                    }
                }
            }
        },
    };

    grunt.initConfig(gruntConfig);

    grunt.loadNpmTasks('grunt-contrib-requirejs');

};

app.js包含以下内容:

require(['jquery'], function ($) {
    // Do stuff
});

我如何设置它以便将所有需要的JavaScript复制到build / script.js中,而不仅仅是app.js和require.js,当我告诉它时(我尝试使用jQuery时出错)?我还希望能够添加模块而不将它们添加到我的Gruntfile中,只需将它们添加到script.js即可.

您可以定义一个mainConfigFile,并且内部配置文件中包含这样的lib代码路径

gruntfile的内容:

requirejs: {
  compile: {
    options: {
      baseUrl: "app/js/",
      mainConfigFile: app/config.js",
      out: "build/script.js",
      name: "config"
    }
  }
}

配置文件的内容:

require.config({
  paths: {
    lib: "<path to>/js/lib",
    jquery: "<path to>/js/lib/jquery-1.10.2.min",
    .
    and particular file required
    .
  }

Requirejs会将所有路径文件的内容添加到优化代码中.

网友评论