webpack.base.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. var path = require('path')
  2. var webpack = require('webpack')
  3. const { VueLoaderPlugin } = require('vue-loader')
  4. module.exports = {
  5. module: {
  6. rules: [
  7. {
  8. test: /\.css$/,
  9. use: [
  10. 'css-loader'
  11. ],
  12. },
  13. {
  14. test: /\.vue$/,
  15. loader: 'vue-loader',
  16. options: {
  17. loaders: {
  18. }
  19. // other vue-loader options go here
  20. }
  21. },
  22. {
  23. // 使用babel-loader处理js文件,会将es5以上的语法进行转义(无法转义es6 API)
  24. test: /\.js$/, // 处理后缀名为js的文件
  25. loader: 'babel-loader', // 使用babel-loader进行处理
  26. exclude: /node_modules/, //排除node_modules下的文件
  27. include: [path.resolve(__dirname,'packages')],
  28. // options: {
  29. // presets: ["es2015"]
  30. // }
  31. },
  32. {
  33. test: /\.(png|jpg|gif|svg)$/,
  34. loader: 'file-loader',
  35. options: {
  36. name: '[name].[ext]?[hash]'
  37. }
  38. }
  39. ]
  40. },
  41. resolve: {
  42. // alias: {
  43. // 'vue$': 'vue/dist/vue.esm.js'
  44. // },
  45. extensions: ['*', '.js', '.vue', '.json']
  46. },
  47. performance: {
  48. hints: false
  49. },
  50. externals: {
  51. jQuery: 'window.$',
  52. jquery: 'window.$',
  53. bootstrap: 'bootstrap',
  54. moment: 'moment',
  55. },
  56. plugins: [
  57. new VueLoaderPlugin()
  58. ],
  59. devtool: 'eval-source-map'
  60. }