您现在的位置是:首页 > 正文

vue-cli中webpack配置之webpack.dev.conf.js

2024-02-01 05:30:53阅读 2

配置内容

var utils = require('./utils')
var webpack = require('webpack')
var config = require('../config')
var merge = require('webpack-merge')
var baseWebpackConfig = require('./webpack.base.conf')
var HtmlWebpackPlugin = require('html-webpack-plugin')
var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
// 将热重载的相关配置放入entry的每一项中,达到每一个文件都可以实现热重载的目的
// 这样webpack.base.conf.js中entry选项就变成了如下:
// entry: {
//    app: ['./src/main.js', './build/dev-client']
//  }
Object.keys(baseWebpackConfig.entry).forEach(function(name) {
  baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
})
// 调用webpack-merge方法,将基础设置与开发设置进行合并
// webpack-merge的作用类似于extend:少则添加,同则覆盖
module.exports = merge(baseWebpackConfig, {
  module: {
    // 在开发环境下生成cssSourceMap,便于调试(但是官方说cssSourceMap的相对路径有一个bug,所以暂时将其关闭了)
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
  },
  // 配置Source Maps 在开发中使用cheap-module-eval-source-map更快
  devtool: '#cheap-module-eval-source-map',
  plugins: [
    // DefinePlugin可以为webpack提供一个在编译时可以配置的全局常量
    // 在这里我们可以通过"process.env"这个全局变量的值来判定所处的环境
    new webpack.DefinePlugin({
      'process.env': config.dev.env
    }),
    new webpack.HotModuleReplacementPlugin(),
    // 页面中的报错不会阻塞编译,但是会在编译结束后报错
    new webpack.NoEmitOnErrorsPlugin(),
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true
    }),
    new FriendlyErrorsPlugin()
  ]
})

原文链接:https://www.jianshu.com/p/82a85d01c929

网站文章

  • 1. VMware搭建Linux环境,安装配置centos6.5

    1. VMware搭建Linux环境,安装配置centos6.5

    1. 安装VMware,后新建虚拟机2.为我们的虚拟机挂载操作系统3、开启我们的虚拟机,为我们的虚拟机进行安装操作系统4、配置虚拟机连接网络修改linux的mac地址修改mac地址配置文件需要启动我们的linux的虚拟机,然后更改mac地址的配置文件vim /etc/u...

    2024-02-01 05:30:46
  • Hats’Worlds(字典树)

    Hats’WorldProblem Description: A hat’s word is a word in the dictionary that is the concatenation of exactly two other words in the dictionary. You are to find all the hat’s words in a dictionary. I

    2024-02-01 05:30:16
  • Centos 7.6安装Docker

    Centos 7.6安装Docker

    我是在腾讯云轻量服务器上安装的,参考的是docker的官网的教程,链接:Install Docker Engine on CentOS | Docker DocumentationInstructio...

    2024-02-01 05:30:08
  • 卷积计算,反卷积计算,特征图大小计算,空洞卷积计算

    卷积计算,反卷积计算,特征图大小计算,空洞卷积计算

    转自:https://www.jianshu.com/p/09ea4df7a788?utm_source=oschina-app 卷积计算过程(单/RGB多通道) 特征图大小计算公式 转置卷积(反卷积)计算过程 空洞卷积计算过程 卷积计算过程(单/RGB多通道) 假设输入层的大小为 5 x 5,局部感受野(或称卷积核)的大小为 3 x 3,那么输出层一个神经元所对应的计算过程(下文...

    2024-02-01 05:30:01
  • java stringutil 工具类_StringUtil字符串相关的工具类常用方法详解

    java stringutil 工具类_StringUtil字符串相关的工具类常用方法详解

    StringUtil字符串相关的工具类常用方法static int ChineseLength(java.lang.String str)获取一个字符串中中文字符的个数static int countSubStr(java.lang.String string, java.lang.String str)获取字符串str在String中出现的次数static int countSubStrR...

    2024-02-01 05:29:52
  • Java根据对象属性合并

    Java根据对象属性合并

    效果代码实现import java.util.ArrayList;import java.util.List;public class TestDemo { public static void...

    2024-02-01 05:29:23
  • URL最大长度问题

    这几天为解决一个BUG头疼了一段时间,BUG现象如下:一个选择人员的选择控件,当选择多个人时(50多个的时候),返回没有错误现象,而再一次打开的时候就报404错误。看到这个错误非常纳闷,无法下手,只能再一次看控件的代码,在详细看代码时,发现所有的参数都是经过URL传参的,赶紧百度一下URL参数的大小限制(从这个百度开始,我就进入一个误区:参数大小的限制)。结果发现网上都说URL参数的大小为

    2024-02-01 05:29:15
  • c语言是学电脑吗,c语言入门至精通这些天一直有人问我,c语言好学吗?我是个新手...

    c语言是学电脑吗,c语言入门至精通这些天一直有人问我,c语言好学吗?我是个新手...

    这些天一直有人问我,c语言好学吗?我是个新手,该如何学习?其实,这类问题困扰着很多新手。在如何学习之前,我们想简单的了解一下什么是C语言:C语言是一种计算机程序设计语言。它既有高级语言的特点,又具有汇...

    2024-02-01 05:29:04
  • 组件化开发之git使用

    组件化开发之git使用

    初始化本地代码仓库添加到暂缓区本地仓库状态查询 绿色就是添加到暂缓区的文件本地仓库提交日志提交到原创仓库 这里有个变化 之前是master 现在变成main 理由就是规避种族歧视风险打本地标签提交到远程仓库标签提交到指定的tag查看原创仓库提交的tag本地删除标签远程删除 标签...

    2024-02-01 05:28:35
  • 解决visual studio community 2022运行c++程序卡顿问题

    解决visual studio community 2022运行c++程序卡顿问题

    解决visual studio community 2022运行c++程序卡顿问题

    2024-02-01 05:28:27