webpack.config.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. 'use strict';
  2. let webpack = require('webpack');
  3. let path = require('path');
  4. function _path(p) {
  5. return path.join(__dirname, p);
  6. }
  7. const rules = {
  8. sourceMap: {
  9. enforce: 'pre',
  10. test: /\.js$/,
  11. loader: 'source-map-loader',
  12. },
  13. js: {
  14. test: /\.js$/,
  15. loader: 'babel-loader',
  16. exclude: /(node_modules)/,
  17. options: {
  18. presets: [
  19. 'env'
  20. ],
  21. passPerPreset: true,
  22. },
  23. },
  24. ts: {
  25. test: /\.tsx?$/,
  26. loader: 'awesome-typescript-loader',
  27. exclude: /(node_modules)/
  28. },
  29. styles: {
  30. test: /\.css$/,
  31. use: [
  32. 'style-loader',
  33. {
  34. loader: 'css-loader',
  35. options: {
  36. importLoaders: 1
  37. }
  38. },
  39. {
  40. loader: 'postcss-loader',
  41. options: {
  42. plugins: function () {
  43. return [
  44. require('postcss-cssnext')
  45. ];
  46. }
  47. }
  48. }
  49. ]
  50. }
  51. }
  52. module.exports = {
  53. entry: "./bundle.js",
  54. output: {
  55. path: __dirname,
  56. filename: "build/bundle.js"
  57. },
  58. externals: {
  59. "jquery": "jQuery"
  60. },
  61. module: {
  62. rules: [
  63. rules.sourceMap,
  64. rules.js,
  65. rules.ts,
  66. rules.styles
  67. ]
  68. },
  69. resolve: {
  70. alias: {
  71. // "./js/dependencyLibs/inputmask.dependencyLib": "./js/dependencyLibs/inputmask.dependencyLib.jquery",
  72. // "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jquery"
  73. //"./js/dependencyLibs/inputmask.dependencyLib": "./js/dependencyLibs/inputmask.dependencyLib.jqlite",
  74. // "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jqlite"
  75. }
  76. },
  77. plugins: [
  78. new webpack.SourceMapDevToolPlugin({
  79. // file and reference
  80. filename: '[file].map',
  81. // sources naming
  82. moduleFilenameTemplate: '[absolute-resource-path]',
  83. fallbackModuleFilenameTemplate: '[absolute-resource-path]',
  84. }),
  85. new webpack.LoaderOptionsPlugin({
  86. debug: true
  87. })
  88. ],
  89. bail: true,
  90. // devServer: {
  91. // publicPath: '/',
  92. // stats: {
  93. // colors: true
  94. // },
  95. // host: '0.0.0.0',
  96. // inline: true,
  97. // port: '8080',
  98. // quiet: false,
  99. // noInfo: false,
  100. // },
  101. };