webpack.js 862 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. const path = require('path');
  2. const { VueLoaderPlugin } = require('vue-loader');
  3. module.exports = {
  4. entry: path.join(__dirname, 'src', 'settings.js'),
  5. output: {
  6. path: path.resolve(__dirname, 'js'),
  7. publicPath: '/js',
  8. filename: 'settings.js'
  9. },
  10. module: {
  11. rules: [
  12. {
  13. test: /\.css$/,
  14. use: ['vue-style-loader', 'css-loader']
  15. },
  16. {
  17. test: /\.scss$/,
  18. use: ['vue-style-loader', 'css-loader', 'sass-loader']
  19. },
  20. {
  21. test: /\.vue$/,
  22. loader: 'vue-loader'
  23. },
  24. {
  25. test: /\.js$/,
  26. loader: 'babel-loader',
  27. exclude: /node_modules/
  28. },
  29. {
  30. test: /\.(png|jpg|gif|svg)$/,
  31. loader: 'file-loader',
  32. options: {
  33. name: '[name].[ext]?[hash]'
  34. }
  35. }
  36. ]
  37. },
  38. plugins: [new VueLoaderPlugin()],
  39. resolve: {
  40. alias: {
  41. vue$: 'vue/dist/vue.esm.js',
  42. },
  43. extensions: ['*', '.js', '.vue', '.json']
  44. }
  45. };