vue中webpack.dev.conf.js：和webpack.base.conf.js,

'use strict'

const utils = require('./utils')// 工具类

const webpack = require('webpack')

// 获取配置文件中默认的配置

const config = require('../config')

const merge = require('webpack-merge')// 使用webpack配置合并插件

const path = require('path')// node自带文件路径工具

const baseWebpackConfig = require('./webpack.base.conf')

const CopyWebpackPlugin = require('copy-webpack-plugin')

const HtmlWebpackPlugin = require('html-webpack-plugin')// 这个插件自动生成HTML，并注入到.html文件中

const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')

const portfinder = require('portfinder')

 

const HOST = process.env.HOST

const PORT = process.env.PORT && Number(process.env.PORT)

// webpack.dev.conf.js与webpack.base.conf.js中的配置合并

const devWebpackConfig = merge(baseWebpackConfig, {

module: {

rules: utils.styleLoaders({

sourceMap: config.dev.cssSourceMap,

usePostCSS: true

})

},

// 廉价模块-eval-源代码映射的开发速度更快

devtool: config.dev.devtool,

 

// 这些devServer选项应该在/config/index.js中进行定制。

devServer: {

clientLogLevel: "warning",

historyApiFallback: {

rewrites: [

{

from: /