Gruntfile.js 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. const LiveReloadPlugin = require('webpack-livereload-plugin');
  2. let { TsConfigPathsPlugin } = require('awesome-typescript-loader');
  3. const path = require('path');
  4. const swag = require('@ephox/swag');
  5. let create = (inFile, outFile) => {
  6. const tsConfig = "tsconfig.json";
  7. return {
  8. entry: inFile,
  9. mode: 'development',
  10. devtool: 'source-map',
  11. optimization: {
  12. removeAvailableModules: false,
  13. removeEmptyChunks: false,
  14. splitChunks: false,
  15. },
  16. resolve: {
  17. symlinks: false,
  18. extensions: ['.ts', '.js'],
  19. plugins: [
  20. // We need to use the awesome typescript loader config paths since the one for ts-loader doesn't resolve aliases correctly
  21. new TsConfigPathsPlugin({
  22. baseUrl: '.',
  23. compiler: 'typescript',
  24. configFileName: tsConfig
  25. })
  26. ]
  27. },
  28. module: {
  29. rules: [
  30. {
  31. test: /\.js|\.ts$/,
  32. use: ['@ephox/swag/webpack/remapper']
  33. },
  34. {
  35. test: /\.ts$/,
  36. use: [
  37. {
  38. loader: 'ts-loader',
  39. options: {
  40. transpileOnly: true,
  41. compilerOptions: {
  42. declarationMap: false
  43. },
  44. configFile: tsConfig,
  45. experimentalWatchApi: true
  46. }
  47. }
  48. ]
  49. }
  50. ]
  51. },
  52. plugins: [
  53. new LiveReloadPlugin()
  54. ],
  55. output: {
  56. filename: path.basename(outFile),
  57. path: path.resolve(path.dirname(outFile)),
  58. pathinfo: false
  59. }
  60. };
  61. };
  62. module.exports = function (grunt) {
  63. var packageData = grunt.file.readJSON('package.json');
  64. grunt.initConfig({
  65. pkg: packageData,
  66. shell: {
  67. command: 'tsc'
  68. },
  69. 'webpack-dev-server': {
  70. options: {
  71. webpack: [
  72. create('./src/demo/ts/ephox/alloy/demo/Demos.ts', 'scratch/compiled/demo.js')
  73. ],
  74. inline: false,
  75. port: 3003,
  76. host: '0.0.0.0',
  77. disableHostCheck: true
  78. },
  79. start: { }
  80. },
  81. rollup: {
  82. options: {
  83. treeshake: true,
  84. name: 'plugin',
  85. format: 'iife',
  86. banner: '(function () {',
  87. footer: 'plugin();})()',
  88. onwarn: swag.onwarn,
  89. plugins: [
  90. swag.nodeResolve({
  91. basedir: __dirname
  92. }),
  93. swag.remapImports()
  94. ]
  95. }
  96. },
  97. watch: {
  98. skins: {
  99. files: ['src/**/*'],
  100. tasks: ['rollup'],
  101. options: {
  102. spawn: false
  103. }
  104. }
  105. }
  106. });
  107. require('load-grunt-tasks')(grunt, {
  108. requireResolution: true,
  109. config: "../../package.json",
  110. pattern: ['grunt-*', '@ephox/bedrock', '@ephox/swag']
  111. });
  112. grunt.registerTask('dev', ['webpack-dev-server']);
  113. };