webpackbuild.config.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. styles: {
  25. test: /\.css$/,
  26. use: [
  27. 'style-loader',
  28. {
  29. loader: 'css-loader',
  30. options: {
  31. importLoaders: 1
  32. }
  33. },
  34. {
  35. loader: 'postcss-loader',
  36. options: {
  37. plugins: function () {
  38. return [
  39. require('postcss-cssnext')
  40. ];
  41. }
  42. }
  43. }
  44. ]
  45. }
  46. }
  47. module.exports = {
  48. entry: "./bundle.js",
  49. output: {
  50. path: __dirname,
  51. filename: "build/bundle.js"
  52. },
  53. externals: {
  54. "jquery": "jQuery"
  55. },
  56. module: {
  57. rules: [
  58. rules.sourceMap,
  59. rules.js,
  60. rules.styles
  61. ]
  62. },
  63. resolve: {
  64. alias: {
  65. "./js/dependencyLibs/inputmask.dependencyLib": "./js/dependencyLibs/inputmask.dependencyLib.jquery",
  66. "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jquery"
  67. //"./js/dependencyLibs/inputmask.dependencyLib": "./js/dependencyLibs/inputmask.dependencyLib.jqlite",
  68. // "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jqlite"
  69. }
  70. },
  71. plugins: [
  72. new webpack.SourceMapDevToolPlugin({
  73. // file and reference
  74. filename: '[file].map',
  75. // sources naming
  76. moduleFilenameTemplate: '[absolute-resource-path]',
  77. fallbackModuleFilenameTemplate: '[absolute-resource-path]',
  78. // }),
  79. // new webpack.LoaderOptionsPlugin({
  80. // debug: true
  81. })
  82. ],
  83. bail: true,
  84. mode: "none"
  85. // devServer: {
  86. // publicPath: '/',
  87. // stats: {
  88. // colors: true
  89. // },
  90. // host: '0.0.0.0',
  91. // inline: true,
  92. // port: '8080',
  93. // quiet: false,
  94. // noInfo: false,
  95. // },
  96. };