webpack.base.conf.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. var path = require('path')
  2. var config = require('../config')
  3. var utils = require('./utils')
  4. var projectRoot = path.resolve(__dirname, '../')
  5. var ServiceWorkerWebpackPlugin = require('serviceworker-webpack-plugin')
  6. var FontelloPlugin = require("fontello-webpack-plugin")
  7. var env = process.env.NODE_ENV
  8. // check env & config/index.js to decide weither to enable CSS Sourcemaps for the
  9. // various preprocessor loaders added to vue-loader at the end of this file
  10. var cssSourceMapDev = (env === 'development' && config.dev.cssSourceMap)
  11. var cssSourceMapProd = (env === 'production' && config.build.productionSourceMap)
  12. var useCssSourceMap = cssSourceMapDev || cssSourceMapProd
  13. var now = Date.now()
  14. module.exports = {
  15. entry: {
  16. app: './src/main.js'
  17. },
  18. output: {
  19. path: config.build.assetsRoot,
  20. publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
  21. filename: '[name].js'
  22. },
  23. optimization: {
  24. splitChunks: {
  25. chunks: 'all'
  26. }
  27. },
  28. resolve: {
  29. extensions: ['.js', '.vue'],
  30. modules: [
  31. path.join(__dirname, '../node_modules')
  32. ],
  33. alias: {
  34. 'vue$': 'vue/dist/vue.runtime.common',
  35. 'static': path.resolve(__dirname, '../static'),
  36. 'src': path.resolve(__dirname, '../src'),
  37. 'assets': path.resolve(__dirname, '../src/assets'),
  38. 'components': path.resolve(__dirname, '../src/components')
  39. }
  40. },
  41. module: {
  42. noParse: /node_modules\/localforage\/dist\/localforage.js/,
  43. rules: [
  44. {
  45. enforce: 'pre',
  46. test: /\.(js|vue)$/,
  47. include: projectRoot,
  48. exclude: /node_modules/,
  49. use: {
  50. loader: 'eslint-loader',
  51. options: {
  52. formatter: require('eslint-friendly-formatter'),
  53. sourceMap: config.build.productionSourceMap,
  54. extract: true
  55. }
  56. }
  57. },
  58. {
  59. test: /\.vue$/,
  60. use: 'vue-loader'
  61. },
  62. {
  63. test: /\.jsx?$/,
  64. include: projectRoot,
  65. exclude: /node_modules\/(?!tributejs)/,
  66. use: 'babel-loader'
  67. },
  68. {
  69. test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  70. use: {
  71. loader: 'url-loader',
  72. options: {
  73. limit: 10000,
  74. name: utils.assetsPath('img/[name].[hash:7].[ext]')
  75. }
  76. }
  77. },
  78. {
  79. test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
  80. use: {
  81. loader: 'url-loader',
  82. options: {
  83. limit: 10000,
  84. name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
  85. }
  86. }
  87. },
  88. ]
  89. },
  90. plugins: [
  91. new ServiceWorkerWebpackPlugin({
  92. entry: path.join(__dirname, '..', 'src/sw.js'),
  93. filename: 'sw-pleroma.js'
  94. }),
  95. new FontelloPlugin({
  96. config: require('../static/fontello.json'),
  97. name: 'fontello',
  98. output: {
  99. css: 'static/[name].' + now + '.css', // [hash] is not supported. Use the current timestamp instead for versioning.
  100. font: 'static/font/[name].' + now + '.[ext]'
  101. }
  102. })
  103. ]
  104. }