videojs-theme-kit/Gruntfile.js at main · dds05/videojs-theme-kit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
const terser = require('@rollup/plugin-terser');
const typescript = require('@rollup/plugin-typescript');
const dts = require('rollup-plugin-dts').default;


module.exports = function (grunt) {
  grunt.initConfig({
    clean: {
      dist: ['dist']
    },

    rollup: {
      unminified: {
        options: {
          plugins: () => [
            require('@rollup/plugin-node-resolve').nodeResolve({ browser: true }),
            require('@rollup/plugin-commonjs')(),
            typescript({ tsconfig: './tsconfig.json' })
          ],
          external: ['video.js'],
          output: {
            format: 'iife',
            name: 'VideoJSThemePlugin',
            globals: {
              'video.js': 'videojs'
            }
          }
        },
        files: {
          'dist/videojs-skin.js': 'src/videojs-skin.ts'
        }
      },
      minified: {
        options: {
          plugins: () => [
            require('@rollup/plugin-node-resolve').nodeResolve({ browser: true }),
            require('@rollup/plugin-commonjs')(),
            typescript({ tsconfig: './tsconfig.json',  noEmitOnError: false }),
            terser(),
          ],
          external: ['video.js'],
          output: {
            format: 'iife',
            name: 'VideoJSThemePlugin',
            globals: {
              'video.js': 'videojs'
            }
          }
        },
        files: {
          'dist/videojs-skin.min.js': 'src/videojs-skin.ts'
        }
      },
      dts: {
        options: {
          plugins: () => [dts()],
          output: {
            format: 'es'
          }
        },
        files: {
          'dist/videojs-skin.d.ts': 'src/types/index.ts'
        }
      }
    },

    sass: {
      dist: {
        options: {
          implementation: require('sass'),
          outputStyle: 'compressed'
        },
        files: {
          'dist/style.css': 'src/styles/videojs-skin.scss'
        }
      }
    },
    concat: {
      index: {
          options: {
              banner: 'import "./style.css";\n', // Add CSS import at the top
              footer: '\nexport { default } from "./videojs-skin.min.js";' // Add JS export at the bottom
          },
          src: [], // No need for actual content, just headers & footers
          dest: 'dist/index.js'
      }
    },
    copy: {
      direct_files: { // Add this section
        files: [
          {
            src: 'README.md',
            dest: 'dist/README.md'
          },
          {
            src: 'package.json', // Copy package.json
            dest: 'dist/package.json'
          },
          {
            src: 'LICENSE.md', // Copy package.json
            dest: 'dist/LICENSE.md'
          }
        ]
      }
    },
  });
  grunt.loadNpmTasks('grunt-exec');
  grunt.loadNpmTasks('grunt-contrib-copy');
  require('load-grunt-tasks')(grunt);

  grunt.registerTask('default', ['clean', 'rollup:unminified', 'concat','rollup:minified','rollup:dts', 'sass','copy:direct_files']);
};