webpack.config.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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. // "jqlite": "jqlite"
  61. },
  62. module: {
  63. rules: [
  64. rules.sourceMap,
  65. rules.js,
  66. // rules.ts,
  67. rules.styles
  68. ]
  69. },
  70. resolve: {
  71. alias: {
  72. // "./js/dependencyLibs/inputmask.dependencyLib": "./js/dependencyLibs/inputmask.dependencyLib.jquery",
  73. // "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jquery"
  74. // "./js/dependencyLibs/inputmask.dependencyLib": "./js/dependencyLibs/inputmask.dependencyLib.jqlite",
  75. // "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jqlite"
  76. }
  77. },
  78. plugins: [
  79. new webpack.SourceMapDevToolPlugin({
  80. // file and reference
  81. filename: '[file].map',
  82. // sources naming
  83. moduleFilenameTemplate: '[absolute-resource-path]',
  84. fallbackModuleFilenameTemplate: '[absolute-resource-path]',
  85. // }),
  86. // new webpack.LoaderOptionsPlugin({
  87. // debug: true
  88. })
  89. ],
  90. bail: true,
  91. mode: "none"
  92. // devServer: {
  93. // publicPath: '/',
  94. // stats: {
  95. // colors: true
  96. // },
  97. // host: '0.0.0.0',
  98. // inline: true,
  99. // port: '8080',
  100. // quiet: false,
  101. // noInfo: false,
  102. // },
  103. };