webpack.dev.conf.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. // 存放dev配置
  2. const merge = require('webpack-merge');
  3. const webpack = require('webpack');
  4. const baseConfig = require('./webpack.base.conf');
  5. const path = require('path');
  6. module.exports = merge(baseConfig, {
  7. mode: 'development',
  8. devtool: 'inline-source-map',
  9. module: {
  10. rules: [
  11. {
  12. test: /\.css$/,
  13. use: [
  14. 'vue-style-loader',
  15. 'css-loader',
  16. 'postcss-loader'
  17. ]
  18. },
  19. {
  20. test: /\.scss$/,
  21. use: [
  22. {
  23. loader: 'vue-style-loader',
  24. options: {
  25. publicPath: '../'
  26. }
  27. },
  28. 'css-loader',
  29. 'postcss-loader',
  30. 'sass-loader',
  31. ],
  32. },
  33. ]
  34. },
  35. devServer: {
  36. contentBase: path.resolve(__dirname, '../dist'), //告诉服务其从哪提供内容
  37. hot: true,
  38. open: true
  39. },
  40. plugins: [
  41. new webpack.HotModuleReplacementPlugin(), // 开启热更新
  42. new webpack.DefinePlugin({
  43. 'process.env': require('../config/dev.env')
  44. }), // 配置请求地址
  45. ]
  46. })