vue-cli3.0之vue.config.js的配置项(注解)

module.exports = {// 部署应用时的基本 URL(从 Vue CLI 3.3 起已弃用,请使用publicPath。)baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080',// 部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致publicPath: '/',// build时构建文件的目录 构建时传入 --no-clean 可关闭该行为outputDir: 'dist',// build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录assetsDir: '',// 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。indexPath: 'index.html',// 默认在生成的静态资源文件名中包含hash以控制缓存filenameHashing: true,// 构建多页面应用,页面的配置pages: {index: {// page 的入口entry: 'src/index/main.js',// 模板来源template: 'public/index.html',// 在 dist/index.html 的输出filename: 'index.html',// 当使用 title 选项时,// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>title: 'Index Page',// 在这个页面中包含的块,默认情况下会包含// 提取出来的通用 chunk 和 vendor chunk。chunks: ['chunk-vendors', 'chunk-common', 'index']},// 当使用只有入口的字符串格式时,// 模板会被推导为 `public/subpage.html`// 并且如果找不到的话,就回退到 `public/index.html`。// 输出文件名会被推导为 `subpage.html`。subpage: 'src/subpage/main.js'},// 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码 (在生产构建时禁用 eslint-loader)lintOnSave: process.env.NODE_ENV !== 'production',// 是否使用包含运行时编译器的 Vue 构建版本runtimeCompiler: false,// Babel 显式转译列表transpileDependencies: [],// 如果你不需要生产环境的 source map,可以将其设置为 false 以加速生产环境构建productionSourceMap: true,// 设置生成的 HTML 中 <link rel="stylesheet"> 和 <script> 标签的 crossorigin 属性(注:仅影响构建时注入的标签)crossorigin: '',// 在生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 标签上启用 Subresource Integrity (SRI)integrity: false,// 如果这个值是一个对象,则会通过 webpack-merge 合并到最终的配置中// 如果你需要基于环境有条件地配置行为,或者想要直接修改配置,那就换成一个函数 (该函数会在环境变量被设置之后懒执行)。该方法的第一个参数会收到已经解析好的配置。在函数内,你可以直接修改配置,或者返回一个将会被合并的对象configureWebpack: {},// 对内部的 webpack 配置(比如修改、增加Loader选项)(链式操作)chainWebpack: () =>{},// css的处理css: {// 从 v4 起已弃用,请使用css.requireModuleExtension。 在 v3 中,这个选项含义与 css.requireModuleExtension 相反。modules: true,// 默认情况下,只有 *.module.[ext] 结尾的文件才会被视作 CSS Modules 模块。设置为 false 后你就可以去掉文件名中的 .module 并将所有的 *.(css|scss|sass|less|styl(us)?) 文件视为 CSS Modules 模块。requireModuleExtension: true,// 是否将组件中的 CSS 提取至一个独立的 CSS 文件中,当作为一个库构建时,你也可以将其设置为 false 免得用户自己导入 CSS// 默认生产环境下是 true,开发环境下是 falseextract: false,// 是否为 CSS 开启 source map。设置为 true 之后可能会影响构建的性能sourceMap: false,//向 CSS 相关的 loader 传递选项(支持 css-loader postcss-loader sass-loader less-loader stylus-loader)loaderOptions: {css: {},less: {}}},// 所有 webpack-dev-server 的选项都支持devServer: {},// 是否为 Babel 或 TypeScript 使用 thread-loaderparallel: require('os').cpus().length > 1,// 向 PWA 插件传递选项pwa: {},// 可以用来传递任何第三方插件选项pluginOptions: {}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407167.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用户登录成功后才进入主窗口进行其他操作

应用前景&#xff1a;面对一个应用程序&#xff0c;用户只有输入正确的用户名和密码后&#xff0c;才能进入主窗口进行其他的操作&#xff1b;否则&#xff0c;提示登录失败&#xff0c;重新输入。 开发环境&#xff1a;Windows XP VC6.0 新建一个基于MFC的单文档应用程序(项…

javascript学习系列(20):数组中的bind,apply,call

最好的种树是十年前,其次是现在。歌谣 每天一个前端小知识 提醒你改好好学习了 知乎博主 csdn博主 b站博主 放弃很容易但是坚持一定很酷 我是歌谣 喜欢就一键三连咯 你得点赞是对歌谣最大的鼓励 1前言 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说…

DSOfile,修改windows系统文件摘要

今天要做一个功能&#xff0c;就是修改图片的摘要信息&#xff0c;一开始采用的是修改exif信息的方式&#xff0c;但是很多的图片没有exif信息&#xff0c;或者没有指定的exif项&#xff0c;又找别的方法&#xff0c;来修改文件的摘要信息。 首先是采用ole32.dll,但是郁闷的是&…

CSS之background-origin属性

1.作用&#xff1a;其实background-origin主要就是用来决定背景图片的定位原点&#xff0c;换句话说就是背景图片定位的起点&#xff08;background-position的原点&#xff09; 如果你看过了《CSS3 background-clip》一文&#xff0c;你不难发现&#xff0c;元素Background中…

Vue.js CLI4 Vue.config.js标准配置 (最全注释)

前言&#xff1a; Vue.js CLI工具 不知不觉发展到了4.0时代&#xff0c;CLI给人最直白的感受是没有了build文件夹跟config文件夹&#xff0c;所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。 有三种方式&#xff0c;推荐…

javascript学习系列(22):数组中的reduceRight法

最好的种树是十年前,其次是现在。歌谣 每天一个前端小知识 提醒你改好好学习了 知乎博主 csdn博主 b站博主 放弃很容易但是坚持一定很酷 我是歌谣 喜欢就一键三连咯 你得点赞是对歌谣最大的鼓励 1前言 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说…

java模拟开锁

java模拟开锁 service qq:928900200 Introduction to Computer Science II: CSCI142Fall 2014Lab #1Instructor: Daniel PlanteAssigned: Monday, September 8, 2014Turn In By: Monday, September 15, 2014 (Zipped project with allfiles by MIDNIGHT)For this lab, you will…

vue中mode的设置

在学过渡效果的时候&#xff0c;里边有一个mode的设置&#xff0c;但是在路由的属性中还有一个mode。 mode的两个值 histroy:当你使用 history 模式时&#xff0c;URL 就像正常的 url&#xff0c;例如 http://localhost:8080/hi&#xff0c;也好看&#xff01;hash:默认’has…

CSS之Background-clip属性

1.作用&#xff1a;CSS3中的Background-clip属性&#xff0c;其主要是用来确定背景的裁剪区域&#xff0c;换句话说&#xff0c;就是如何控制元素背景显示区域 2.语法&#xff1a;background-clip &#xff1a; border-box || padding-box || content-box 3.取值说明&#xf…

OLE、OCX和ActiveX控件之间的比较

一、过去的OLE和今天的OLE 最初的OLE含义是指在程序之间链接和嵌入对象数据&#xff0c;它提供了建立混合文档的手段&#xff08;资深Windows 3.X 用户可能记得当初在Word6.0中插入一个图形的新奇和喜悦&#xff09;&#xff0c;使得那些没有太多专业知识的用户能够很容易地协调…

Vista系统自带IIS 7.0设置技巧详解

初用IIS7让人一头雾水&#xff0c;再也没有原来熟悉的属性窗体&#xff0c;替代的是一些很陌生的名词和操作方式。现在不评它这种改变是好是坏&#xff0c;先让它给我们跑起来吧。 首先是安装IIS7&#xff0c;Vista默认的情况下是没有安装IIS7&#xff0c;所以我们要在"控…

Spring Bean初始化过程

一、首先我们来看ClassPathXmlApplicationContext类体系结构 从该继承体系可以看出&#xff1a; 1. BeanFactory 是一个 bean 工厂的最基本定义&#xff0c;里面包含了一个 bean 工厂的几个最基本的方 法&#xff0c;getBean(…) 、 containsBean(…) 等 ,是一个很纯粹的…

关于height:100%和height:100vh的区别

1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”&#xff0c;比如设置当前的div的字体大小为1.5em&#xff0c;则当前的div的字体大小为&#xff1a;当前div继承的字体大小*1.5 但是当div进行嵌套的时候&#xff0c;em始终是按照当前div继承的字…

顶宽的div中的英文不能自动换行

1.在一个设定好宽度的div中&#xff0c;当我们输入的中文文字长度超过了设定宽度时&#xff0c;会自动换到下一行。但是&#xff0c;如果输入的是英文字母&#xff0c;那么&#xff0c;无论你div设定宽度为多少&#xff0c;英文字母都是不换行直接在同一行输出&#xff0c;导致…

读取CPU信息

简单的讲下读取CPU信息的一个思路&#xff0c;看了后&#xff0c;相信谁都会说&#xff1a;原来这么简单呀&#xff0c;我也会。哈哈&#xff0c;进入正题&#xff0c;看图&#xff1a; 看清楚了吗&#xff0c;原来CPU信息在注册表里就有。如果你只是要简单的CPU信息&#xff0…

samba3.2的安装全过程(tar方式)

samba服务器,我相信大家都不陌生,主要用来实现windows和linux之间的资源共享,网上比较多的是采用rpm安装包的方式安装,我个人也觉得rpm方式安装比较方便容易,如果没什么特别需求,还是用这种吧!我这里介绍的是采用tar方式的安装.首先下载一个samba的安装文件:samba-3.2.0.tar.gz…

ThinkPHP函数详解:C方法

毫无疑问&#xff0c;C方法是thinkphp中操作配置项的方法&#xff0c;较为常用。 C方法是ThinkPHP用于设置、获取&#xff0c;以及保存配置参数的方法&#xff0c;使用频率较高。了解C方法需要首先了解下ThinkPHP的配置&#xff0c;因为C方法的所有操作都是围绕配置相关的。Thi…

CSS之media Query

CSS3中的Media Queries增加了更多的媒体查询&#xff0c;同时你可以添加不同的媒体类型的表达式用来检查媒体是否符合某些条件&#xff0c;如果媒体符合相应的条件&#xff0c;那么就会调用对应的样式表。换句简单的说&#xff0c;“在CSS3中我们可以设置不同类型的媒体条件&am…